本文共 787 字，大约阅读时间需要 2 分钟。

简介

bootstrap是twitter推出的前端框架，基于html、css、js，可编写响应式网页，移动设备优先。

响应式：根据设备分辨率自动调整布局，在不同分辨率的设备上都能取得不错的页面显示效果。

下载引入

到官网下载已编译版本，尽量到英文官网下载，文件最简洁，中文网站下载的有很多乱七八糟的东西。

引入bootstrap.css，如果要使用bootstrap插件，需要引入bootstrap.js。

也可以使用cdn

栅（shan）格系统

   
  
    
    
     
      col-sm-8
     
    
     
      col-sm-4
     
  
    
    
    
    
     
      col-sm
     
    
     
      col-sm
     
    
     
      col-sm
     
  
    
  
    
    
     
      col-sm
     
  
         
     
      col-sm
     
  
    
  
   

容器 => 行 => 列

以行和列组织布局，一行最多12列，行的直接子元素必须是列。

容器有2种

• container width不会占满
• container-fluid width是100%，占满

使用css样式时，能引用bootstrap的样式就尽量引用bootstrap的样式。

转载地址：http://agqlb.baihongyu.com/