BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)

bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位的个人总结，具体详情如下所示：

bootstrap框架

导航

    .navbar-inverse:改变导航条的背景颜色
    .container:居中显示

    固定导航条会遮盖页面内容，解决办法设置body的*padding-top*

下拉菜单

 下拉菜单
 

 
Action
 
Another action
 
Something else
 

 
linkkk/a>
 

    data属性API可以使用所有的Bootstrap插件

轮播广告（carousel）

 
 

 

 

 

 
 
 
 
  
  ……
 
 
  
  ……
 
 
 
 
 
 previous
 
 
 
 Next
 

    .data-slide-to索引，指向轮播广告的内容，从0开始

    .carousel设置广告框的样式(高度、背景色)

    .carousel .item设置广告框的样式(高度、背景色)

栅格系统布局

 
 .col-md-4
 .col-md-4
 .col-md-4
 

标签页tabs

 
Home
 
Profile
 
Messages
 
Settings



 …
 …
 …
 …

标签页tabs

 
 
  
  
  
   ×
   Close
   
Modal title
  
  
  
  
  …
  
  
  
   Close
   Save
  

 
 

以上所述是小编给大家介绍的BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！