2

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

http://gscobeats.com/

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

G-SCO

4

2 回答 2

0

问题似乎是,在您的选项卡内容中,您使用span12的元素没有容器.row.row-fluid元素(这是引导程序网格系统的重要组成部分),特别是您需要该容器,因为它为浮动span元素提供了清晰的修复,但如果您愿意不要更改您的标记,您可以将其添加到您的 CSS 中:

.tab-pane:after {
    content: '';
    clear: both;
    display: table;
}
于 2013-10-13T19:38:41.287 回答
0

这是您要从活动项目中删除的边框。相反,将其颜色设置为透明。您还可以摆弄填充以适应行高的变化。

.nav-tabs > .active > a {border: 1px solid transparent;}
于 2013-10-10T18:28:55.180 回答