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>
相关推荐
温宇飞15 小时前
浏览器路由系统的一种实践
前端
老前端的功夫16 小时前
Vue 插槽深度解析:从基础到高级架构设计
前端
pre_lee16 小时前
vue2响应式原理
前端
小奶包他干奶奶16 小时前
如何使用vscode和express开发node.js
前端·node.js
庞囧16 小时前
通俗易懂讲 React 原理-第二集:Fiber
前端
beckyye16 小时前
给web增加简单的ai对话功能
前端·ai·通义千问·qwen
奶酪博士16 小时前
【html】每日打卡页面
html·1024程序员节
青衫码上行16 小时前
【Java Web学习 | 第1篇】前端 - HTML
java·前端·学习
元直数字电路验证16 小时前
HTML 标签及推荐嵌套结构
前端·javascript·html