出于学习需要,自觉得把基本的bootstrap用法自己敲一遍,对每个用法有个较清晰的印象,所以做了本篇总结,这也是一个巩固的学习过程。
可点击左边的目录,方便速查。
<img class="img-responsive" src='/images/loading.gif' data-original="http://images.cnblogs.com/cnblogs_com/hlwyfeng/783931/o_%e8%83%8c%e6%99%af%e5%9b%be1.png" />
<img class="img-rounded" src='/images/loading.gif' data-original="http://images.cnblogs.com/cnblogs_com/hlwyfeng/601951/o_img05.jpg" /> <img class="img-thumbnail" src='/images/loading.gif' data-original="http://images.cnblogs.com/cnblogs_com/hlwyfeng/601951/o_img05.jpg" /> <img class="img-circle" src='/images/loading.gif' data-original="http://images.cnblogs.com/cnblogs_com/hlwyfeng/601951/o_img05.jpg" />
<label class="checkbox-inline"> <input type="checkbox">选择1 </label> <label class="checkbox-inline"> <input type="checkbox">选择2 </label> <label class="checkbox-inline"> <input type="checkbox">选择3 </label> <div class="form-group"> <label class="radio-inline"> <input type="radio" name="myradio">选择1 </label> <label class="radio-inline"> <input type="radio" name="myradio">选择2 </label> <label class="radio-inline"> <input type="radio" name="myradio">选择3 </label> </div>
<div class="h1">通过来设置样式</div> <div class="h4">通过来设置样式</div> <div class="h5">通过来设置样式</div> <div class="h6">通过来设置样式</div>
<div class="h1">设置样式h1<small>这里是副标题</small></div> <div class="h4">设置样式h4<small>这里是副标题</small></div> <div class="h5">设置样式h5<small>这里是副标题</small></div> <div class="h6">设置样式h6<small>这里是副标题</small></div>
原标题:Bootstrap3 CSS样式基本用法总结
关键词:CSS