Bootstrap: navbar-right padding broken when using navbar-fixed-top with 3.3.6
Hi all and thank you for your help.
The navbar right padding is broken when using navbar-fixed-top with Bootstrap 3.3.6.
navbar-static-top and navbar-fixed-bottom are probably impacted too.
Live example: http://plnkr.co/edit/WGhHw5?p=preview
Reference #11783
rifton007
All 12 comments
Hi @rifton007!
You appear to have posted a live example (http://run.plnkr.co/plunks/zn1Pc0/), which is always a good first step. However, according to the HTML5 validator, your example has some validation errors, which might potentially be causing your issue:
- line 28, column 9 thru column 73: Attribute
dropdownnot allowed on elementaat this point.
You'll need to fix these errors and post a revised example before we can proceed further.
Thanks!
(_Please note that this is a fully automated comment._)
twbs-lmvtfy
on 27 Nov 2015
Now, the code is updated and is valid HTML5
rifton007
on 28 Nov 2015
Reposting to trigger fresh linting: http://plnkr.co/edit/WGhHw5?p=preview
cvrebert
on 28 Nov 2015
Hi @cvrebert!
You appear to have posted a live example (http://run.plnkr.co/plunks/WGhHw5/), which is always a good first step. However, according to Bootlint, your example has some Bootstrap usage errors, which might potentially be causing your issue:
- W001:
<head>is missing UTF-8 charset<meta>tag - W002:
<head>is missing X-UA-Compatible<meta>tag that disables old IE compatibility modes - W003:
<head>is missing viewport<meta>tag that enables responsiveness - line 12, column 3: W012:
.navbar's first child element should always be either.containeror.container-fluid
You'll need to fix these errors and post a revised example before we can proceed further.
Thanks!
(_Please note that this is a fully automated comment._)
twbs-lmvtfy
on 28 Nov 2015
@rifton007 Please revise the example again.
cvrebert
on 28 Nov 2015
@mdo We've declared bankruptcy on the v3 navbar, correct? (X-Ref #16694)
cvrebert
on 28 Nov 2015
Yes, is correct.
http://plnkr.co/edit/XR178Y?p=streamer&s=600DUmzOZytyrhiJ
rifton007
on 28 Nov 2015
Hi @rifton007!
You appear to have posted a live example (http://run.plnkr.co/plunks/XR178Y/), which is always a good first step. However, according to Bootlint, your example has some Bootstrap usage errors, which might potentially be causing your issue:
- W001:
<head>is missing UTF-8 charset<meta>tag - W002:
<head>is missing X-UA-Compatible<meta>tag that disables old IE compatibility modes - W003:
<head>is missing viewport<meta>tag that enables responsiveness
You'll need to fix these errors and post a revised example before we can proceed further.
Thanks!
(_Please note that this is a fully automated comment._)
twbs-lmvtfy
on 28 Nov 2015
We've declared bankruptcy on the v3 navbar, correct?
Yup!
mdo
on 30 Nov 2015
Closing as WontFix.
cvrebert
on 30 Nov 2015
Congratulation everyone who use this will have to fix it themself by using hacks im one of them....
for other people coming here and getting disapointed look at this post for help
http://stackoverflow.com/questions/20429229/bootstrap-3-navigation-bar-right-margin-is-not-supposed-to-be-15px
if the source above is not working for any reson here is the code fix:
.navbar-nav.navbar-right:last-child {
margin-right: 0;
}
robgha01
on 29 Nov 2016
I ran into this problem and had to override the CSS as posted in the stackoverflow link by robgha01.. Not the best solution but it works..
freddyrayes
on 9 Dec 2016
Related issues
fohlsom
路
3Comments
bellwood
路
3Comments
ghost
路
3Comments
IamManchanda
路
3Comments
devdelimited
路
3Comments
Most helpful comment
Congratulation everyone who use this will have to fix it themself by using hacks im one of them....
for other people coming here and getting disapointed look at this post for help
http://stackoverflow.com/questions/20429229/bootstrap-3-navigation-bar-right-margin-is-not-supposed-to-be-15px
if the source above is not working for any reson here is the code fix: