BootStrap

栅格

  • 把整体划分为了12格
  • 分类
  • 响应式

    复制代码
    col-lg-  1170px
    col-md-  970px
    col-sm-  750px
  • 非响应式

html 复制代码
<div class="col-xs-6" style="background-color: #2aabd2">1</div>
<div class="col-xs-6" style="background-color: #b2dba1">1</div>
  • 列偏移
html 复制代码
<div class="col-sm-offset-2 col-xs-6" style="background-color: #2aabd2">1</div>

container

html 复制代码
  <div class="container">
    <div class="col-sm-9">左边</div>
    <div class="col-sm-3">右边</div>
  </div>  
html 复制代码
  <div class="container-fluid">
    <div class="col-sm-9">左边</div>
    <div class="col-sm-3">右边</div>
  </div>
相关推荐
前端大卫19 分钟前
表单与上传组件校验
前端·javascript·vue.js
伊织code21 分钟前
Cap‘n Web - JavaScript原生RPC系统
前端·javascript·rpc
周尛先森40 分钟前
匠心管控 package.json:让前端依赖告别臃肿与混乱
前端
90后的晨仔1 小时前
Vue3 事件处理详解:从入门到精通
前端·vue.js
西洼工作室1 小时前
设计模式与原则精要
前端·javascript·设计模式·vue
IT_陈寒1 小时前
SpringBoot 性能优化的 7 个冷门技巧,让你的应用快如闪电!
前端·人工智能·后端
清风细雨_林木木1 小时前
flutter 里面的渐变色设置
前端·flutter
yourkin6661 小时前
初识react
前端·javascript·react.js
゜ eVer ㄨ1 小时前
React第四天——hooks
前端·react.js·前端框架
leobertlan1 小时前
好玩系列:脚本和插件使我快乐
前端·程序员·gradle