bootstrap学习笔记

最新推荐文章于 2022-03-30 23:26:34 发布

乌鸦嘎嘎

最新推荐文章于 2022-03-30 23:26:34 发布

阅读量200

点赞数

分类专栏： bootstrap

本文链接：https://blog.csdn.net/yishu422/article/details/68484109

版权

bootstrap 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

bootstrap 栅格化即响应式布局将页面分为12列在将屏幕分为4种大小的屏幕类型

bootstrap中每种原生元素都有封装好的样式
   <div class="checkbox">
       <label><input type="checkbox" />a</label>
   </div>
   <div class="row">
       <div class="col-xs-1">col-md-1</div>
   </div>

这在页面中是纵向排列的，如果想横向排列，在样式后面添加“-inline”(即转为行内样式的意思)
当然也由于这样的一些特别的封装，会有一些特定的格式规范
           <div class="radio">
               <label><input type="radio" name="sex" value="M" />bb</label>
           </div>
           <div class="checkbox">
               <label><input type="checkbox" checked />aa</label>
           </div>
           <div class="row">
               <div class="col-xs-1">col-md-1</div>
           </div>

bootstrap 样式上有采用追加和附加的样式规则
   <button type="button" class="btn btn-default"></button>
   其中样式中的btn 表示基本的样式(圆滑边框等等) 其次btn-XXXX代表了各种款式