Bootstarp4---栅格系统

最新推荐文章于 2023-01-21 12:46:17 发布

空忧

最新推荐文章于 2023-01-21 12:46:17 发布

阅读量281

点赞数

分类专栏： web前端文章标签：前端

本文链接：https://blog.csdn.net/qq_44216701/article/details/106040794

版权

web前端专栏收录该内容

54 篇文章 0 订阅

订阅专栏

在Bootstrap4框架中为我提供了栅格系统来编写响应式布局。栅格系统是基于一个12列、有5种响应尺寸(对应不同的屏幕）的布局。Bootstrap4栅格系统共有五个类：、
在这里插入图片描述
bootstarp4比bootstarp3多了一个特小和bootstarp3没有区别

<div class="container">
      <div class="row">
           <div class="col-2 col-sm-3">1</div>
           <div class="col-2 col-sm-3">2</div>
           <div class="col-2 col-sm-3">3</div>
           <div class="col-2 col-sm-3">4</div>
           <div class="col-2 col-sm-3">5</div>
           <div class="col-2 col-sm-3">6</div>
           <div class="col-2 col-sm-3">7</div>
           <div class="col-2 col-sm-3">8</div>
           <div class="col-2 col-sm-3">9</div>
           <div class="col-2 col-sm-3">10</div>
           <div class="col-2 col-sm-3">11</div>
           <div class="col-2 col-sm-3">12</div>
      </div>
 </div>

在这里插入图片描述

想看栅格系统的其他引用可以去看我的bootstarp3的栅格系统