Css 如何摆脱无用的列？

正如您在下面我的代码中所看到的，我只需要

.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>

结果如下所示：

---

您可以使用偏移，例如：

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

我的内容

---

它应该可以工作，我认为在您的示例中，问题是您使用的是

col-md-10

，而不是

col-md-8

。您可以忽略内容后面的空格，只要列位于

行中
 
margin:0 auto
？“但是它没有给我我需要的.col-md-8”–如果你在代码中写
col-md-10
，那么你就不能期望得到一个8列宽的元素。。。到目前为止，很明显。这是一个相当古怪的问题。默认行为有什么问题。我的意思是引导程序就是这样设计的，如果你仍然想改变一些东西，那么不要期望它更干净，因为css和html都会有一些调整。与
[col-md-2（void）]
[col-md-8（content）]
[col-md-2（void）]
有什么区别我不理解您的问题。我想了解您提供的代码与将内容“集中”在两个
col-md-2
之间的方法之间的区别。区别在于标记有多干净。通过使用col-md-2方法，可以将无用的空标记添加到HTML中。它使文件更大，可读性更低，更容易出错，这就是为什么推特的人将偏移量类添加到bootstrap中。谢谢你的回答，@Jonas
<div class="col-md-8 col-md-offset-2">
    MY CONTENT
</div>