BootStrap的布局方式

以这个网页为例：全局 CSS 样式 · Bootstrap v3 中文文档 | Bootstrap 中文网 (bootcss.com)

通常的网页是由行和列划分的（我们先写行）

案例

<div class="container">
        <div class="row">
            <div class="col-md-4">1</div>
            <div class="col-md-4">2</div>
            <div class="col-md-4">3</div>
        </div>
        <div class="row">
            <div class="col-md-3">a</div>
            <div class="col-md-9">b</div>


        </div>
    </div>

第一行4/4/4——加起来等于12（也就是说被宽度4平分成3份）——总宽度12

第二行是3和9（a占了宽度3，b占了宽度4——由此被分成2份）——总宽度12

运行结果：

如果是——（那就是a和b各占宽度6，被平分成2份）

<div class="col-md-6">a</div>
<div class="col-md-6">b</div>

标签：分成,12,网页,样式,Bootstrap,宽度,02BootStrap,结构
来源： https://blog.csdn.net/weixin_43872394/article/details/116937582