最近开始学习Bootstrap,做一些笔记哦。

1、row与row-fluid:

 
  
  1. //row 
  2. <div class="row"> 
  3.   <div class="span8">...</div> 
  4.   <div class="span4">...</div> 
  5. </div> 
  6.  
  7. //row-fluid 
  8. <div class="row-fluid"> 
  9.   <div class="span8">...</div> 
  10.   <div class="span4">...</div> 
  11. </div> 

设定class为row时,当浏览器不是最大化,row下的span会被挤到下面;

设定class为row-fluid时,当浏览器不是最大化,row下的span会重叠,保持在一行。

 

2、container与container-fluid:

 
  
  1. //container 
  2. <div class="container"> 
  3.   <div class="span12">...</div> 
  4. </div>  
  5.  
  6. //container-fluid 
  7. <div class="container-fluid">  
  8.   <div class="row">  
  9.     <div class="span3">...</div>  
  10.     <div class="span9">...</div>  
  11.   </div>  
  12. </div>  

当该区域作为一个大模块,比如一个div时,使用container;

当该区域下有多列时,使用container-fluid。

 

看了网上的英文教程,感觉基价就讲了网格和上面的这些~还有Responsive design,我这个菜鸟不太懂,没有例子,以后再回来体会测试。