我可以在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>