三、Bootstrap之Navbar属性整理

参考资料

row和col可以参考一下：
https://blog.csdn.net/yzy85/article/details/53021385?locationNum=2&fps=1
Bootstrap中文网官网 ：
https://www.bootcss.com/
Navbar可以参考一下：
https://www.cnblogs.com/jipinglong/p/9032640.html

container

container	固定960px宽度，（如果又引入了响应式样式，则会适当调整，例如1600*900，它会显示1200px）
container-fluid	自适应屏幕宽度，即满屏显示

Navbar属性

.navbar属性	设置nav元素为导航条组件
.navbar-default	指定导航条组件为默认主题
.navbar-inverse	指定导航条组件为黑色主题
.navbar-fixed-top	设置导航条组件固定在顶部
.navbar-fixed-bottom	设置导航条组件固定在底部
.container-fluid	设置宽度充满父元素，即为100%
.navbar-header	主要指定div元素为导航条组件包裹品牌图标及切换按钮
.navbar-toggle	设置button元素为导航条组件的切换钮
.collapsed	设置button元素为在视口小于768px时才显示
.navbar-brand	设置导航条组件内的品牌图标 （navbar-brand默认是放文字的,也可以放图片，但必须是小图片,如果图片太大，位置就会靠下）
display: inline	图标和字体错位，display:inline 的作用是设置对象做为行内元素显示，也就是它能够将垂直排列变成横向排列
.navbar-collapse	设置div元素为导航条组件各列表项的父元素
collapse	设置div元素为视口大于768px时显示
.navbar-nav	设置ul为导航条组件内的列表元素
.navbar-left	设置导航条内元素向左对齐
.navbar-right	设置导航条内元素向右对齐
.navbar-form	为导航条组件内部的表单组件
navbar-form	主要调整所有form都为行内元素
.navbar-btn	为导航条组件内部的按钮样式
.navbar-text	为导航条组件内部的文本样式
.navbar-link	在标准的导航组件之外添加标准链接，让链接有正确的颜色和反色设置
.breadcrumb	设置列表元素显示为路径导航组件