如何在有足夠的可用空間時均勻地將列間隔在窗口寬度上？

我使用引導的COL-LG-12上一個div。當有可用列（/數據）時，它會很好地顯示列。 PSB：如何在有足夠的可用空間時均勻地將列間隔在窗口寬度上？

但是，當沒有足夠的信息可用時，右側空間保持空白。 PSB：

在這種情況下，是否可以動態擴展可用列/ div的寬度以佔據整個窗口？

2017-08-26 ambar

請發表您的代碼 – ZimSystem

是代碼將是有益的，但如果我正確理解你的問題......你還使用COL-LG-2顯示您的瓷磚。因此，您需要應用col-lg - ##的動態Bootstrap類，其中## 12 /（tile的數量）。即你在你的第二個畫面圖像塊將COL-LG-4爲4×3 = 12。此外，你需要決定，當你有一些瓦片不分成12做什麼（5或7 - 11爲例）。 – fjoe

如果您已經使用引導程序，則不需要使用引導程序網格。這可以通過使用帶有justify-content：space-around;的flexbox輕鬆完成。 – fen1x

如果我明白你的問題正確...您也使用COL-LG-2顯示您的瓷磚。因此，您需要應用col-lg - ##的動態Bootstrap類，其中##是12 /（tile的數量）。

<div class="col-lg-12"> 
    <div class="row"> 
     <div class="col-lg-##"></div> 
     <div class="col-lg-##"></div> 
     <div class="col-lg-##"></div> 
    </div> 
</div>

凡在你第二張照片##將COL-LG-4爲4×3 = 12

你也將需要決定做什麼，當你有一些瓷磚不能除盡到12（5或7 - 11爲例）

由於人評論有，你可以用它來完全解決這個問題，但這種直接與引導回答您的問題的其他選項和框架。

來源

2017-08-26 14:02:33 fjoe

如何在有足夠的可用空間時均勻地將列間隔在窗口寬度上？

回答

相關問題