<div class="row">
<div class="col">
1 of 5
</div>
<div class="col">
2 of 5
</div>
<div class="col">
3 of 5
</div>
<div class="col">
4 of 5
</div>
<div class="col">
5 of 5
</div>
</div>
** 上面的代碼將為所有螢屏創建 5 個相等的列 - 但我希望它僅適用于中型和大型螢屏。對于小螢屏,我想要一個全角列。**
uj5u.com熱心網友回復:
檢查檔案- 您需要使用col-md來指定您只需要中等螢屏或更大螢屏上的列。
<div class="row">
<div class="col-md">
1 of 5
</div>
<div class="col-md">
2 of 5
</div>
<div class="col-md">
3 of 5
</div>
<div class="col-md">
4 of 5
</div>
<div class="col-md">
5 of 5
</div>
</div>
uj5u.com熱心網友回復:
.aligin {
margin: auto !important;
text-align:center;
}
<div class="row aligin">
<div class="col-md">
1 of 5
</div>
<div class="col-md">
2 of 5
</div>
<div class="col-md">
3 of 5
</div>
<div class="col-md">
4 of 5
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/379009.html
標籤:html 推特引导 bootstrap-4
