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>
相关推荐
重阳微噪10 小时前
受够了空格翻页?我写了一个 Chrome 自动滚动插件,让你真正沉浸式阅读
前端
Awu122710 小时前
🍎用 pretext 搞定输入框动态宽度:一个困扰了我三天的 CSS 问题
前端
萑澈10 小时前
我用 Cloudflare 搭了一个 FlashInbox 临时邮箱
前端·next.js
慕斯fuafua10 小时前
CSS——盒模型
前端·css
嗜好ya10 小时前
解决 Vite 项目中 import.meta.env 变量为 undefined 的问题
前端·javascript·vue.js
Mapmost10 小时前
Mapmost专题地图:解锁这场春游“热”
前端
心连欣10 小时前
JS算法入门:图解“冒泡排序”,彻底搞懂双重循环的奥义
前端·javascript
suedar11 小时前
React 16 + TDesign Table 卡死问题深度复盘
前端
浩星11 小时前
「Vue3 + Cesium 最佳实践」完整工程化方案
前端·javascript·vue.js
阿星AI工作室12 小时前
我用Gemini手搓了高颜MBTI人格测试网站!附全套提示词
人工智能·html