第二章 组件： 导航栏 面包屑 panel

这一章导航条占绝大部分，学习bootstrap还是要看官方文档，或者翻译过来的文档， 请看下面连接：

• codepen笔记
• bootstrap中文网站 组件

这里面没有谈到的内容由：

• thumbnail: 缩略图
• page-header: 页头
• list-group: 列表组
• embed-responsive | embed-responsive-item: 响应式嵌入内容

下面罗列出navbar中使用的一些类：

导航条

Navbars 响应式组件， 用于导航栏。在移动设备中合并(collapsed),在桌面端变得水平。

• navbar
• navbar-default
• navbar-header
• navbar-toggle
• collapsed
• navbar-brand： 也就是标志，a元素。可以用图片，a元素下面加个img元素即可
• navbar-collapse： 需要javascript支持
• collapse
• nav
• navbar-nav
• navbar-form：将表单放在这个类下,可以呈现很好的垂直对齐，在较窄的视口中呈现折叠状态
• navbar-left：工具类, 产生浮动
• navbar-right： 同上
• icon-bar： 小的水平条
• navbar-text: 包裹纯文本，放在 p 元素
• navbar-fixed-top： 可以包含一个 container 或 container-fluid div。 需要给body添加一个padding-top值， 不然会覆盖内容，比如padding-top:70px
• navbar-fixed-bottom：同上， 就是需要一个 给body 添加一个 padding-bottom 一般70px
• navbar-static-top: 创建一个与页面等宽的导航条，它会随着页面的滚动而消失。可以包含一个 container 或者 container-fluid 容器。不用像上面的navbar-fixed-*一样给body添加padding值
• navbar-inverse: 颜色反向

总结
看官网文档！！！