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.

Sign up for GitHub

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

Jump to bottom

menu-text <p> in collapsed menu floats under navigation links #11513

Closed
ahti opened this issue Nov 17, 2013 · 1 comment · Fixed by #11514
Closed

menu-text <p> in collapsed menu floats under navigation links #11513

ahti opened this issue Nov 17, 2013 · 1 comment · Fixed by #11514
Labels
confirmed css
Milestone
v3.0.3

Comments

@ahti
Copy link

ahti commented Nov 17, 2013

Have a look ath this jsbin. The menu bar has some navigation items and a text item in a collapsing container.

When the window is made small enough for the bar to collapse and the user reveals the menu, the text item floats under the navigation items, which looks horrible ^^

Is there anything I am missing? Then please consider adding what I am missing to the documentation.

Else this seems like a bug with bootstrap to me
@juthilo
Copy link
Collaborator

juthilo commented Nov 17, 2013

Yup, .navbar-text's float should be bound to screen sizes above the navbar collapse breakpoint.
As a workaround, use <div class="clearfix visible-xs"></div> between the navbar-text and the navbar-nav to clear the float on xs screens.

juthilo added a commit that referenced this issue Nov 17, 2013
@juthilo
Fix #11513: Don't always float navbar-text
cdb2437 
`navbar-text` should only float when the navbar is expanded on larger
screens, otherwise the element might be (hidden) behind `navbar-nav`.
Fixes #11513.
X-Ref: #8820 #8815
@juthilo juthilo mentioned this issue Nov 17, 2013
Merged
juthilo added a commit that referenced this issue Nov 18, 2013
@juthilo
Merge pull request #11514 from twbs/navbar-text-float-breakpoint
84a3aa3 
Fix #11513: Don't always float navbar-text
@mdo mdo mentioned this issue Nov 19, 2013
Closed
stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014
@juthilo
(less) Fix twbs#11513: Don't always float navbar-text
a3da7f8 
`navbar-text` should only float when the navbar is expanded on larger
screens, otherwise the element might be (hidden) behind `navbar-nav`.
Fixes twbs#11513.
X-Ref: twbs#8820 twbs#8815
stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014
@juthilo
(less) Merge pull request twbs#11514 from twbs/navbar-text-float-brea…
77f03d1 
…kpoint

Fix twbs#11513: Don't always float navbar-text
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
@juthilo
(less) Fix twbs#11513: Don't always float navbar-text
a5a816f 
`navbar-text` should only float when the navbar is expanded on larger
screens, otherwise the element might be (hidden) behind `navbar-nav`.
Fixes twbs#11513.
X-Ref: twbs#8820 twbs#8815
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
@juthilo
(less) Merge pull request twbs#11514 from twbs/navbar-text-float-brea…
17293ed 
…kpoint

Fix twbs#11513: Don't always float navbar-text
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
confirmed css
Projects
None yet
Milestone
v3.0.3
Development

Successfully merging a pull request may close this issue.

Fix #11513: Don't always float navbar-text twbs/bootstrap
2 participants
@ahti @juthilo