我可以在bootstrap中的每个屏幕尺寸上生成一个命令作为col-offset总是1吗？

Question

我们假设我想在屏幕尺寸上制作一个具有等效偏移量的元素。我只看到人们具体调整大小的例子： col-offset-md-2

如果我想要做这样的事情怎么办？

<div class="col-xs-3 col-md-3 col-lg-3 col-xl-3 col-offset-xs-1 col-offset-md-1 etc..."> 

正如你所看到的，这不是一个很好的解决方案，线条越来越大。我可以在每个屏幕尺寸上做出一个偏移总是为1的命令吗？例如：

<div class="col-xs-3 col-md-3 col-lg-3 col-xl-3 col-offset-1"> 

Answer 1

您可以使用col-xs-offset-1将所有列大小加1。

注意：您正在编写列偏移量col-offset-xs-1的方式也不正确。

下面是一个例子：

<div class="row" style="background-color:#A9A9A9;"> 
    <div class="col-xs-3 col-md-3 col-lg-3 col-xl-3 col-xs-offset-1" style="background-color:#6495ED;"> 
    Offset Every Column By 1 
    </div> 
</div>