Skip to content

Heading classes (.h2, .h2, etc.) override <a> and .text-* class color styling #11515

@dzwillia

Description

@dzwillia

Heading classes (.h1, .h2, etc.) override anchor tag color styling as well as other well-defined classes for color styling (.text-success, .text-danger, etc.).

It should be noted that this styling was correct shortly ago in BS 3.0.0, so I should be able to track down the change and why it was made -- the fix may be as simple as removing "color: inherit" from .h1, .h2, etc. classes.

I have included two examples to document the issue:

Bootstrap 3.0.0 (styled correctly): http://jsfiddle.net/MYrV4/3/
Bootstrap 3.0.2 (styled incorrectly): http://jsfiddle.net/5g7WH/2/

While related to Issue #10202, I view this to be a far more grievous bug than is listed the one listed there as it is more far-reaching (affecting elements all the way down to anchor tag styling).

I will create a quick pull request to fix this issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions