html - Bootstrap 3 问题

Question

我在使用 Bootstrap 3 时遇到一些问题

在我的标题中，我目前有 2 列，列宽均为 6。我想在这两列之间添加一列。 但是，如果我将列更改为 4 并在它们之间添加一个 4 列，它们将出现在不同的行上。以下不是在 bootstrap 3 中连续 3 列的正确方法吗？

<div class="row">
    <div class="col-md-4">
       // Content here
    </div>
    <div class="col-md-4">
       // Content here
    </div>
    <div class="col-md-4">
       // Content here
    </div>
</div>

你是我遇到问题的网站的链接。问题出在我的 header 中，我的 Logo 所在的位置

http://www.sevecu.dk/juni14/

更新:它适用于 Chrome 和 Safari，但不适用于 Firefox 和 Explorer

Answer 1

我能够在 IE 中重现这个打开它。您的三列设置正确。

您会注意到，即使您通过调试器删除 Logo 节点，三个节点之一始终位于右上角。这让我相信它上面的东西的排列是不均匀的。

具体来说，它似乎是由 template.css 中的以下内容引起的:

p {
  margin: 0 0 10px;
}

将 .customphone 推到白行中定义的区域下方。

要解决它，一种方法是:

p {
  margin: 0;
}

或者可能将其更改为 .customphone p 或创建自己的类，这样您就不会影响所有 p

这为我解决了问题。