如何摆脱无用的列?

时间:2016-12-02 10:18:32

标签: css twitter-bootstrap

正如您在下面的代码中看到的那样,我只需要列.col-md-8,但我使用两个.col-md-2类来集中我的内容。虽然它运作良好,但我只是在寻找一种更清洁的方式。那么我有没有办法摆脱那些col-md-2类?

<div class="row">
    <div class="col-md-2"></div>
    <div class="col-md-8">
        MY CONTENT
    </div>
    <div class="col-md-2"></div>
</div>

我也尝试过使用col-md-offset-2。这样我可以摆脱第一个.col-md-2,但它没有给我.col-md-8我需要的东西。

<div class="row">
    <div class="col-md-10 col-md-offset-2">
        MY CONTENT
    </div>
</div>

所以结果如下:

enter image description here

1 个答案:

答案 0 :(得分:4)

您可以使用偏移量,例如:

<div class="col-md-8 col-md-offset-2">
    MY CONTENT
</div>

它应该有效,我认为在您的示例中问题是您使用的是col-md-10而不是col-md-8。您可以忽略内容后的空格,只要您的列位于.row内即可。