Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Justified Nav example is broken; .nav-justified class is gone #17723

Closed
pushpapriya opened this issue Sep 28, 2015 · 8 comments
Closed

Justified Nav example is broken; .nav-justified class is gone #17723

pushpapriya opened this issue Sep 28, 2015 · 8 comments

Comments

@pushpapriya
Copy link

nav-tabs its come to down

@cvrebert
Copy link
Collaborator

Sorry, but I don't understand your description. Please give more details. See https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md#bug-reports for how to write a better bug report.

@mdo
Copy link
Member

mdo commented Sep 28, 2015

Might be referring to the broken clearfixes on v4 navs?

@pushpapriya
Copy link
Author

menubar

enclosed the issue image

@JeanPerriault
Copy link

Same behavior in Chrome browser (Version 45.0.2454.101 m)

@shonderdos
Copy link

fixing the stacked list items

using a display: inline-block on both the <a> and the <li> wil fix this issue somewhat.

Now I run into the problem that there is spacing between the list items in the HTML file which I removed by using comments. Link to Stack Overflow

Also it seems there is no border-bottom on the last <li> item.
No border bottom

Can't dig to it deeper for now. Someone can follow up on this?

@cvrebert cvrebert added this to the v4.0.0-alpha.3 milestone Dec 8, 2015
@cvrebert cvrebert changed the title nav-tabs display is not proper Justified Nav example is broken Dec 23, 2015
@cvrebert
Copy link
Collaborator

Justified navs in general were deliberately removed (see #17631), although no reasoning was given at the time.

@cvrebert cvrebert changed the title Justified Nav example is broken Justified Nav example is broken; .nav-justified class is gone Dec 23, 2015
@cvrebert
Copy link
Collaborator

@mdo Could we get an explanation for why justified navs were removed?

@mdo
Copy link
Member

mdo commented Nov 26, 2016

Justified navs and button groups were super bugged out in Safari when you'd resize your browser.; things would break until you refreshed. Rather than work around that, I'm pushing for us to implement these options in flexbox for more control, albeit with less browser support (sorry IE9).

Example usage in the docs coming in #21201, but not in a separate /examples instance.

@mdo mdo closed this as completed Nov 26, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants