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，我这个菜鸟不太懂，没有例子，以后再回来体会测试。