复选框栅格 && 图标按钮

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

<br>按规格排列的复选框<br><br><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)

?

1	<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>