javascript - Bootstrap 选项卡在单击时移动

Question

我的网站似乎遇到了一个奇怪的问题。当我在主页上然后单击其中一个选项卡时，它可以正常工作。一旦我尝试从其他选项卡之一单击到另一个选项卡(在我的示例中，从新闻到 Beats、从 Beats 到新闻、从新闻到主页以及从 Beats 到主页)，选项卡的内容就会移动/移动一秒钟然后切换。它以前从来没有这样做过，而且似乎是突然开始这样做的。我只是想知道是否还有其他人遇到过这个问题，或者是否有人知道解决方案。这是我网站的链接:

http://gscobeats.com/

澄清一下，我说的是当您访问我的网站并让整个内容加载并单击其中一个选项卡时，该页面会产生淡入淡出的过渡效果，然后您选择的页面就会出现。如果您从主页单击任何选项卡，它都可以正常工作。但是，如果您在其他选项卡之一上被选中并尝试单击不同的选项卡，则页面会在转换开始之前执行这种奇怪的收缩操作。我只是想知道是否有人知道如何解决这个问题

G-上海合作组织

Answer 1

问题似乎是在您的选项卡内容中，您使用的 span12 元素没有容器 .row 或 .row-fluid 元素(这是 bootstrap 网格系统的重要组成部分)，特别是你需要那个容器，因为它为 float 的 span 元素提供了一个清晰的修复，但是如果你不想改变你的标记，你可以将它添加到你的CSS:

.tab-pane:after {
    content: '';
    clear: both;
    display: table;
}