#bootstrap#十二格栅系统

最新推荐文章于 2023-05-25 21:07:27 发布

weixin_44183790

最新推荐文章于 2023-05-25 21:07:27 发布

阅读量202

点赞数

分类专栏： Java 文章标签： bootstrap

本文链接：https://blog.csdn.net/weixin_44183790/article/details/102860549

版权

Java 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

bootstrap页面布局的方式；
用到的标签：
.container—fluid：100%宽度；
.container：固定宽度；
.row:在行里编辑
.col-md-1:占几个格子；一行十二个格子，超出自动换行；在里面编辑内容；

<div class="container—fluid">
    <!-- 一行分成12等分 -->
    <div class="row">
        <div class="col-md-1">占了一格</div>
        <div class="col-md-1">占了一格</div>
        <div class="col-md-1">占了一格</div>
        <div class="col-md-1">占了一格</div>
        <div class="col-md-1">占了一格</div>
        <div class="col-md-1">占了一格</div>
        <div class="col-md-1">占了一格</div>
        <div class="col-md-1">占了一格</div>
        <div class="col-md-1">占了一格</div>
        <div class="col-md-1">占了一格</div>
        <div class="col-md-1">占了一格</div>
        <div class="col-md-1">占了一格</div>
    </div>
    </div>
</div>