Skip to content

Active tab in .nav-tabs sometimes still shows bottom border on Firefox in Linux & OS X #19626

@adriaanzon

Description

@adriaanzon

When I use badges within .nav-tabs, list items with an .active class still have a visible bottom border. This problem only occurs to me when using Firefox on Linux, with Bootstrap 3.3.5 and 3.3.6. Chrome displays it just fine.

Here is a JSBin, and a screenshot of how it looks on my end.

http://jsbin.com/qekubi/1/edit?html,css,output

2016-03-26-182455_760x185_scrot

I fixed it by reducing the padding-top and padding-bottom of the badge by 1px.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions