我在 bootstrap 中有一个两列的行。如何在列之间创建空间。 - 我的第一个列是 8,但我想把它设为 7,并且只有 1 列作为空格。
这是我的 Boot : http://www.bootply.com/mwGajBOEVe
这是我的 HTML。
<div class="container">
<div class="row">
<div class="col-md-8">
<p>The apple tree (Malus domestica) is a deciduous tree in the rose family best known for its sweet, pomaceous fruit, the apple.</p>
</div>
<div class="col-md-4"">
The orange (specifically, the sweet orange) is the fruit of the citrus species Citrus × sinensis in the family Rutaceae.</div>
</div>
</div>
我应该创建空列来执行此操作吗?
最佳答案
不,使用offsets像这样
<div class="row">
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
</div>
<div class="row">
<div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
<div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
</div>
关于html - 如何在 Bootstrap 列之间留出空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37039591/