Bootstrap Grid離開空列

我使用引導來實現網格系統。當頁面調整大小時，網格正確響應，但在加載屏幕時，網格將不再出現或跳過列。Bootstrap Grid離開空列

在他們空的點取決於屏幕尺寸。

<div class="row rowmain"> 
     <div class="col-md-9 col-xs-12 maincol"> 
       <!--new button--> 

       <div class="col-lg-2 col-sm-3 col-xs-6"> 
       <div class="square"> 
        <a target="_blank" href=""><button type="button" class="buttonlink">link</button></a> 
       </div>

當我刷新頁面或調整窗口大小時，網格系統會重置其自身並正確顯示。我沒有做任何聰明的事情，它的標準bootstrap的CSS。所有的盒子都是一樣的大小。

希望有人知道爲什麼會發生這種情況？

UPDATE *的jsfiddle https://jsfiddle.net/hrx6c2b7/

來源

2017-04-06 Joe C

你看了關於'lg'，'md'，'sm'和'xs'的區別？如果你發佈了整個代碼 – Swellar

@Tesseract謝謝，我已經閱讀了網格系統。我希望它在lgg屏幕上顯示6或更大，在sm屏幕上顯示4，在xs屏幕上顯示2。這工作正常。代碼沒有太大的不同。有什麼辦法可以讓它在線，因爲它有很多嗎？ –

只需發佈代表您的屏幕截圖的代碼 – Swellar

你已經封閉按鈕進入行這樣

<div class="row"> 
<div class="col-lg-2 col-sm-3 col-xs-6"> 
<div class="square"> 
    <a target="_blank" href=""><button type="button" class="buttonlink">link</button></a> 
</div> 
.... 
.... 
.... 
</div>

來源

2017-04-06 08:38:35

這有什麼不對嗎？ –

Bootstrap Grid離開空列

回答

相關問題