Menu
I am setting up a site with bootstrap 3 and the idea is to have a column on the left reserved for the navigation and on the right the content of the site:
http://jsbin.com/iQIKUli/3
The position of the nav should be fixed and without margin on the left and on the top. I have tryied with position:fixed and position:absolute but the problem is that the content of the site override the navbar.
How can i make properly a fixed navbar on the left? How can i avoid that the content of the site override the navbar?
Thank you very much!
857
To align the navbar logo to the left of the screen with the Bootstrap method is a quick trick that can save you from writing extra CSS. In this, we simply add another div tag above the div tag having class navbar navbar-expand-lg navbar-light bg-light fixed-top py-lg-0.
ml-auto class in Bootstrap can be used to align navbar items to the right. The . ml-auto class automatically aligns elements to the right.
Set the navbar fixed to the top, add class . navbar-fixed-top to the . navbar class.
I would suggest you remove the outer container, and use 'row' since there is no longer row-fluid in BS 3.
http://bootply.com/92472
62
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
