复选框栅格 && 图标按钮

按规格排列的复选框

<div class="container">
<div class="row">
	<label for="s1" class="col-lg-4">
		<input name="s1" type="checkbox" id="s1">asd
	</label>
	<label for="s2" class="col-lg-4">
		<input name="s2" type="checkbox" id="s2">asd
	</label>
	<label for="s3" class="col-lg-4">
		<input name="s3" type="checkbox" id="s3">asd
	</label>
	<label for="s4" class="col-lg-4">
		<input name="s4" type="checkbox" id="s4">asd
	</label>
	<label for="s5" class="col-lg-4">
		<input name="s5" type="checkbox" id="s5">asd
	</label>
	<label for="s6" class="col-lg-4">
		<input name="s6" type="checkbox" id="s6">asd
	</label>
	<label for="s7" class="col-lg-4">
		<input name="s7" type="checkbox" id="s7">asd
	</label>
	<label for="s8" class="col-lg-4">
		<input name="s8" type="checkbox" id="s8">asd
	</label>
</div>
</div>

图标按钮（基于bootstrap)

<button  class="btn btn-default" onclick=""><span class="glyphicon glyphicon-edit" aria-hidden="true"></span></button>

　　

一个图片居中的例子

<div style="position:relative">
<img src='use.jpg' style="position:absolute;left:50%;top:0;margin-left:-330px;">
</div>