創(chuàng)建一個(gè)VUE應(yīng)用程序后,我們?cè)谑褂肰UE指令時(shí)可能會(huì)遇到需要實(shí)現(xiàn)左偏移的情況。這時(shí),我們需要用到列左偏移的指令。
<div class="col-lg-offset-2">...</div>
上述代碼中的col-lg-offset-2就是列左偏移的指令,其中l(wèi)g為屏幕尺寸的大小,2為左偏移的格數(shù)。
另外,在使用列左偏移的指令時(shí),我們需要注意以下幾點(diǎn):
- 列左偏移的指令只能作用于Bootstrap的柵格系統(tǒng)布局。
- lg、md、sm、xs為屏幕尺寸的大小,分別對(duì)應(yīng)于超大屏、中等屏幕、小型屏幕和移動(dòng)設(shè)備屏幕。
- 左偏移的格數(shù)需小于當(dāng)前屏幕尺寸的列數(shù)。
- 列左偏移的指令可以在嵌套柵格中使用。
下面是一個(gè)使用列左偏移的柵格布局示例:
<div class="container">
<div class="row">
<div class="col-lg-6">...</div>
<div class="col-lg-4 col-lg-offset-2">...</div>
</div>
</div>
在上述示例中,左半部分列占據(jù)了6格,右半部分列占據(jù)了4格,并且左偏移了2格,即占據(jù)了右半部分列的2格位置。
總之,在需要實(shí)現(xiàn)左偏移效果的情況下,我們可以使用列左偏移的指令來(lái)實(shí)現(xiàn)布局需要。
上一篇python 類的私有
下一篇python 類有私有嗎