Bootstrap网格偏移

Question

我无法让我的一个引导英雄单位响应偏移命令：

<div class="col-xs-6-offset-3 col-md-6-offset-3 col-lg-6-offset-3">
    <div class="center hero-unit">
        <h1>text</h1>
    </div>
</div>

它出现并且已经应用​​了css，所以我知道Bootstrap正在运行。但它占据了整个12个网格。我怎样才能让它只占用6并居中？

Answer 1

您使用的是错误的课程。首先设置列宽（如果您想在这些术语中考虑，则设置跨度），然后应用偏移量。例如：

<div class="col-xs-2 col-xs-offset-3 
            col-md-6 col-md-offset-3 
            col-lg-6 col-lg-offset-3">
    <div class="center hero-unit">
        <h1>text</h1>
    </div>
</div>