Question

我使用bootstrap来实现网格系统。页面调整大小时网格正确响应，但加载网格时遗漏或跳过列的屏幕。

它们空置的位置取决于屏幕尺寸。

<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>

当我刷新页面或调整窗口大小时，网格系统会重置其自身并正确显示。我没有做任何聪明的css，它的标准bootstrap。所有盒子都是相同的尺寸。

希望有人知道为什么会这样吗？

更新* JSFiddle https://jsfiddle.net/hrx6c2b7/

Answer 1

你把按钮包含在这样的行中

<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>

引导网格留空列

1 个答案: