Ok, I fixed it.
That was because of the responsive styles we're being set before adding a
padding to the body (because of the nav bar).
When the browser window becomes smaller, the responsive styles kicks in,
and in that case you don't need to set the body padding.
The correct order to declare the css styles is:
1. bootstrap.css
2. custom body padding
3. bootstrap-responsive.css
The code is the following:
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css";
rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link
href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css";
rel="stylesheet">
Regards,
Nelson Reis
Terça-feira, 8 de Maio de 2012 4:50:03 UTC+1, Alec Taylor escreveu:
>
> Thanks.
>
> Quick aside, why does a large bit of whitespace appear between the top
> of the browser window and the navbar when constraining the width of
> the browser window?
>
> On Tue, May 8, 2012 at 1:36 AM, Nelson Reis <[email protected]> wrote:
> > You just need to add the same markup as for the sidebar on the left, but
> > after the content.
> > View the code in the sample I made here:
> > http://jsfiddle.net/NelsonReis/F2upG/show/
> >
> > Regards,
> > Nelson Reis
> >
> > Segunda-feira, 7 de Maio de 2012 6:47:11 UTC+1, Alec Taylor escreveu:
> >>
> >> How do I get a right-sidebar from twitter bootstrap?
> >>
> >> All my research has shown me that in 1.4 this was difficult, but it's
> >> built into 2.0.
> >>
> >> I've tried adding pull-right attributed to various levels of the div's
> >> with no luck.
> >>
> >> I'm using this template:
> >> http://twitter.github.com/bootstrap/examples/fluid.html
> >>
> >> How do I get a right-sidebar?
> >>
> >> Thanks for all suggestions,
> >>
> >> Alec Taylor
> >>
> >> BTW: I want a left and right sidebar
>
Terça-feira, 8 de Maio de 2012 4:50:03 UTC+1, Alec Taylor escreveu:
>
> Thanks.
>
> Quick aside, why does a large bit of whitespace appear between the top
> of the browser window and the navbar when constraining the width of
> the browser window?
>
> On Tue, May 8, 2012 at 1:36 AM, Nelson Reis <[email protected]> wrote:
> > You just need to add the same markup as for the sidebar on the left, but
> > after the content.
> > View the code in the sample I made here:
> > http://jsfiddle.net/NelsonReis/F2upG/show/
> >
> > Regards,
> > Nelson Reis
> >
> > Segunda-feira, 7 de Maio de 2012 6:47:11 UTC+1, Alec Taylor escreveu:
> >>
> >> How do I get a right-sidebar from twitter bootstrap?
> >>
> >> All my research has shown me that in 1.4 this was difficult, but it's
> >> built into 2.0.
> >>
> >> I've tried adding pull-right attributed to various levels of the div's
> >> with no luck.
> >>
> >> I'm using this template:
> >> http://twitter.github.com/bootstrap/examples/fluid.html
> >>
> >> How do I get a right-sidebar?
> >>
> >> Thanks for all suggestions,
> >>
> >> Alec Taylor
> >>
> >> BTW: I want a left and right sidebar
>
