自学bootstrap3—栅格设置

栅格设置

每行至于允许12个`栅格

<div class="row">
				<div class="col-md-1">
					col-md-1
				</div>
				<div class="col-md-1">
					col-md-1
				</div>
				<div class="col-md-1">
					col-md-1
				</div>
				<div class="col-md-1">
					col-md-1
				</div>
				<div class="col-md-1">
					col-md-1
				</div>
				<div class="col-md-1">
					col-md-1
				</div>
				<div class="col-md-1">
					col-md-1
				</div>
				<div class="col-md-1">
					col-md-1
				</div>
				<div class="col-md-1">
					col-md-1
				</div>
				<div class="col-md-1">
					col-md-1
				</div>
				<div class="col-md-1">
					col-md-1
				</div>
				<div class="col-md-1">
					col-md-1
				</div>
			</div>

根据屏幕自适应效果图


栅格可以嵌套

<div class="row">
				<div class="col-md-9">
					one
					<div class="col-md-3">
						fist
					</div>
					<div class="col-xs-4">
						tow
					</div>
				</div>
			</div>

效果图

栅格可以设置其他大小

<div class="col-md-4 col-md-offset-4">
				213465487
			</div>

col-md-offset-4 偏移4个单元