Question

我安装了Bootstrap模块。我已经为我的视图布局制作了自定义tpl文件，以去掉任何不必要的div，所以结构如下：

<body>
    <div class="mySection">
        <div class="container">
            <h2>Title</h2>
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <a href="linkToContent">
                        <div>
                            <img src="contentImg" class="img-responsive"/>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

我撕掉了我的头发，因为在Safari中为992px - 1199px，在Chrome中为1200px +，我的第二行列已经用完了。第4列向右浮动，第5列和第6列漂浮在第4列之下，如下所示：

[ 1 ] [ 2 ] [ 3 ] 
            [ 4 ] 
[ 5 ] [ 6 ]

在两种浏览器中它都很好991px和更低。

我曾经假设div中有一些东西丢弃了填充或列宽，或类似的东西，因为我已经遇到了直接Bootstrap和HTML项目的问题，其中列的内容尽管适合了在视觉上，以类似的方式推出了柱子。所以，我已经剥离了它并取出了我自己的CSS和大部分内容，但实际上它现在比以前更糟糕了（它在Chrome中很好）。

我已经取得了一些成功，将排水排除在外，但这在其他方面造成了问题。

现在想知道使用Drupal的Bootstrap是否比它值得更麻烦，我应该使用像响应网格系统这样的简单网格系统。非常欢迎任何建议或帮助！

Answer 1

当您的一列（或某些列）的垂直尺寸略有不同时，通常会发生这种情况。要解决此问题，您应该使用引导程序提供的行，并将每3列包含在不同的行中。

Drupal 7列中的Twitter Bootstrap未在Safari

1 个答案: