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 分钟前
GitLab CI/CD 完整教学指南
前端·ci/cd·gitlab·团队开发·自动化测试部署
谢尔登31 分钟前
Webpack高级之常用配置项
前端·webpack·node.js
helloyangkl35 分钟前
前端——不同环境下配置env
前端·javascript·react.js
竹秋…36 分钟前
webpack搭建react开发环境
前端·react.js·webpack
梅花1440 分钟前
基于Django房屋租赁系统
后端·python·django·bootstrap·django项目·django网站
以明志、41 分钟前
并行与并发
前端·数据库·c#
提笔了无痕41 分钟前
go web开发表单知识及表单处理详解
前端·后端·golang·web
甜味弥漫1 小时前
JavaScript新手必看系列之预编译
前端·javascript
小哀21 小时前
🌸 入职写了一个月全栈next.js 感想
前端·后端·ai编程
用户010269271861 小时前
swift的inout的用法
前端