引导笔记

。导航——设置导航元素为导航条组件;//已用


。navbar-default——指定导航条组件为默认主题;//已用


。navbar-inverse——指定导航条组件为黑色主题;


。navbar-fixed-top——设置导航条组件固定在顶部;//已用


。navbar-fixed-bottom——设置导航条组件固定在底部;


。container-fluid——设置宽度充满父元素,即为100%;


。navbar-header——主要指定div元素为导航条组件包裹品牌图标及切换按钮;


。navbar-toggle——设置按钮元素为导航条组件的切换钮;


。倒塌,设置按钮元素为在视口小于768 px时才显示;


。navbar-brand——设置导航条组件内的品牌图标;


。崩溃,设置div元素为视口大于768 px时显示;


。navbar-collapse——设置div元素为导航条组件各列表项的父元素;


.navbar-nav——设置ul为导航条组件内的列表元素;


。navbar-left——设置导航条内元素向左对齐;


。navbar-right——设置导航条内元素向右对齐;


。navbar-form——为导航条组件内部的表单组件;


。navbar-btn——为导航条组件内部的按钮样式;


。navbar-text——为导航条组件内部的文本样式;


。navbar-link——在标准的导航组件之外添加标准链接,让链接有正确的颜色和反色设置;


。面包屑,设置列表元素显示为路径导航组件;


& lt;简写的title=八趼杂锬谌荨痹谑蟊暌贫谡飧錾厦婊岢鱿炙趼杂? lt;/abbr>


全局CSS样式

容器布局

容器自动适应窗体大小,并且补内外边距

container-fluid流布的局,不会设置外边距,会自动设置内边距,用于页面导航


禁用响应式布局

& lt; meta name=" viewport "内容=翱矶?设备宽度,初始=1,最大范围=1,user-scalable=没有"在


栅格

每行(行)12列(col)

基本流布局

响应式布局

偏移

嵌套

排序

交流互动,请加QQ365709635有web开发学习资料分享哦!

引导笔记