Question

我使用bootstrap在我的车把模板中遇到了这种微妙的怪异。

问题是，当数据库中有三个或更多项目时，页面的整个内容向左移动约10px（print_r(array_filter($Array));内的代码出现三次或更多次）。

{{#orglist}}

如果我手动执行标记，则会出现同样的问题：

<div class="row" id="bodyDiv" data-controller="orglist">
    <div class="col-md-12">...</div>
    <div class="col-md-12">
        {{#orglist}}
            <div class="row">
                <div class="col-md-8">...</div>
                <div class="col-md-4">...</div>
            </div>
        {{/orglist}}
    </div>
</div>

一些注释

该问题与自定义css无关。
这个问题困扰我的原因，以及我是如何发现它的它是一个多页面的网站，它会使对齐方式不同。
此模板有一个附带的布局模板，但问题似乎与此无关。

有什么想法吗？

已解决：请参阅下面的已批准答案

修复是鲁本的回答：How to prevent scrollbar from repositioning web page?

我曾经有过最大的搜索问题与解决方案的时间比例。

Answer 1

当行＆gt; = 3？

时，

浏览器垂直滚动条显示

Answer 2

根据自举标准，一行＆＃39;应该放在.container或.container-fluid中，div也可以有12个总网格。对于前

<div class="container">
<div class="row" id="bodyDiv" data-controller="orglist">
 <div class="col-md-12">...</div>
</div>
<div class="row">
  <div class="col-md-8">...</div>
  <div class="col-md-4">...</div>
 </div>...
</div>

如果在一行中放置了超过12列，则每组额外列将作为一个单元包裹到新行上。请参阅： - http://getbootstrap.com/css/

Bootstrap行对齐根据行数而变化

2 个答案: