css 小技巧

grid分块

<div class="row">

	<div class="col-md-2">
		<h4>Cont 1</h4>
	</div>

	<div class="col-md-8">
		<h4>Conten</h4>
	</div>

	<div class="col-md-2">
		<h4>Cont 3</h4>
	</div>

</div>


tab

<ul class="nav nav-tabs">
	<li><a href="#">Primary</a></li>
	<li class="active"><a href="#">Social</a></li>
	<li><a href="#">Promotions</a></li>
	<li><a href="#">Updates</a></li>
</ul>


tab-pills

<ul class="nav nav-pills">
	<li class="active"><a href="#">Primary</a></li>
	<li ><a href="#">Social</a></li>
	<li><a href="#">Promotions</a></li>
	<li><a href="#">Updates</a></li>
</ul>

css 小技巧

原文：http://www.cnblogs.com/yaowj/p/4515661.html