Bootstrap Flow Layout

　　　　

Bootstrap---Fluid layout flow layouts
Flow layout is a way of adapting to the screen. That is, instead of fixing the width of the block, the width of each block is determined by the percentage as the unit. This layout is ideal for writing at once and then adapting to a variety of different size screens (mobile, PAD ...). ）。
<div class= "Container-fluid" >
<div class= "Row-fluid" >
<div class= "Span2" >
</div>
<div class= "Span10" >
</div>
</div>
</div>
Add these classes sequentially. The outermost containing block has the Container-fluid class, which indicates that the content layout is a flow layout, and its primary function is to accommodate the flow layout content as a containing block. The contents of the containing block have the Row-fluid class (very important) and decide whether the flow layout. Then the content block code is written in accordance with the grid system, still from Span1 to Span12, respectively, corresponding to the different percentages.

Bootstrap Flow Layout