我正在尝试获得一个看起来像这样的简单引导程序布局。 Widths are multiples of 100 and add up to 1200 to make it easy to map to col-md-12 这是标记
<body>
<div class="container">
<div id="R0" class="row">
<div id="R0C1" class="col-md-12">
<div id="divTop" style="width:1200px;height:100px;border:solid 4px blue;">top</div>
</div>
</div>
<div id="R1" class="row">
<div id="R1C1" class="col-md-8">
<div id="divGrid" style="width:800px;height:300px;border:solid 4px blue;">grid</div>
<div id="divChart" style="width:800px;height:400px;border:solid 4px blue;">chart</div>
</div>
<div id="R1C2" class="col-md-4">
<div ID="divTitle" style="width:400px;height:100px;border:solid 4px blue;">label</div>
<div ID="divMain1" style="width:400px;height:300px;border:solid 4px blue;">main1</div>
<div ID="divMain2" style="width:400px;height:300px;border:solid 4px blue;">main2</div>
</div>
</div>
<div id="R2" class="row">
<div id=R2C1" class=" col-md-5">
<div id="mini1" style="width:500px;height:180px;border:solid 4px blue;">mini1</div>
</div>
<div id=R2C2" class=" col-md-7">
<div id="mini2" style="width:700px;height:180px;border:solid 4px blue;">mini2</div>
</div>
</div>
</div>
</body>
我希望所有列加起来为 12,宽度加起来为 1200 会使这变得简单。行 R0 和 R2 似乎具有相同的总宽度,但 R1 溢出。 我猜有一些默认的填充/边距,但为什么它们不会对 R1 和 R2 产生相同的影响?