css - Bootstrap 3 : fixed nav on the left

标签 css twitter-bootstrap css-position twitter-bootstrap-3 navbar

我正在使用 bootstrap 3 建立一个站点,我的想法是在左侧保留一列用于导航,在右侧保留站点的内容:

http://jsbin.com/iQIKUli/3

导航的位置应该是固定的,左边和上面没有边距。 我尝试过 position:fixed 和 position:absolute 但问题是网站的内容覆盖了导航栏。

如何在左侧正确制作固定导航栏? 如何避免网站内容覆盖导航栏?

非常感谢!

最佳答案

我建议您删除外部 container,并使用“row”,因为 BS 3 中不再有 row-fluid

http://bootply.com/92472

关于css - Bootstrap 3 : fixed nav on the left,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19836607/

相关文章:

html - CSS:加载 SVG 和相对于其元素的位置

html - 如何通过 css :before 更改放置在 div 中的绝对定位图像的宽度和高度

css - 找不到正确的 Bootstrap 3 下拉菜单状态选择器

twitter-bootstrap - 如何使用 SASS 扩展/修改(自定义)Bootstrap

css - 相对定位的 <li> 中的绝对定位的 <img> 适用于 chrome 和 IE11,而不是 firefox

css - 如何防止对象环绕 float 图像?

jquery - 向多个元素添加类

asp.net - 如何使用标签正确对齐网页上的文本框

javascript - 网页不同屏幕的图像大小建议

javascript - Uncaught ReferenceError : block is not defined