Bootstrap学习一

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

1、row与row-fluid：

 
 

//row 
  
  
<div class="row"> 
  
  
  <div class="span8">...</div> 
  
  
  <div class="span4">...</div> 
  
  
</div> 
  
  
 
  
  
//row-fluid 
  
  
<div class="row-fluid"> 
  
  
  <div class="span8">...</div> 
  
  
  <div class="span4">...</div> 
  
  
</div> 
 
 

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

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

 

2、container与container-fluid：

 
 

//container 
  
  
<div class="container"> 
  
  
  <div class="span12">...</div> 
  
  
</div>  
  
  
 
  
  
//container-fluid 
  
  
<div class="container-fluid">  
  
  
  <div class="row">  
  
  
    <div class="span3">...</div>  
  
  
    <div class="span9">...</div>  
  
  
  </div>  
  
  
</div>  
 
 

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

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

 

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