引导网格偏移量

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，所以我知道引导工作。但它占据了整个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>