你的位置:首页 > 软件开发 > 网页设计 > Bootstrap3 CSS样式基本用法总结

Bootstrap3 CSS样式基本用法总结

发布时间:2016-02-20 15:00:54
出于学习需要,自觉得把基本的bootstrap用法自己敲一遍,对每个用法有个较清晰的印象,所以做了本篇总结,这也是一个巩固的学习过程。可点击左边的目录,方便速查。按钮a,input,button都可以设置为按钮a标签按钮 button标签按钮 <a class=& ...

Bootstrap3 CSS样式基本用法总结

出于学习需要,自觉得把基本的bootstrap用法自己敲一遍,对每个用法有个较清晰的印象,所以做了本篇总结,这也是一个巩固的学习过程。

可点击左边的目录,方便速查。

按钮

a,input,button都可以设置为按钮

a标签按钮
    <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

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

我的浏览记录