2

私のウェブサイトで奇妙な問題が発生したようです。ホームページでタブの 1 つをクリックすると、正常に動作します。他のタブの 1 つから別のタブをクリックしようとすると (私の例では、News から Beats、Beats から News、News から Home、Beats から Home)、タブのコンテンツが移動/シフトします。 1 秒後に切り替わります。以前はこれをやったことがなく、突然やり始めたようです。他の誰かがこの問題に遭遇したかどうか、または誰かが解決策を知っているかどうか疑問に思っていました. ここに私のウェブサイトへのリンクがあります:

http://gscobeats.com/

明確にするために、私が話しているのは、私のサイトにアクセスしてすべてをロードし、タブの1つをクリックすると、ページがフェードトランジションエフェクトを実行してから、選択したページが表示されるということです. ホームから任意のタブをクリックすると、正常に機能します。しかし、他のタブのいずれかで選択されているときに、別のタブをクリックしようとすると、遷移が始まる直前に、ページがこの奇妙な縮小動作を行います。誰かがこれを修正する方法を知っているかどうか疑問に思っていました

G-SCO

4

2 に答える 2

0

アクティブなアイテムから削除する境界線です。代わりに、その色を透明に設定してください。行の高さの変更に対応するためにパディングをいじることもできます。

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

問題は、タブのコンテンツspan12でコンテナー.rowまたは要素 (ブートストラップのグリッド システムの重要な部分である) を使用せずに要素を使用していることです。具体的には、フロート要素に.row-fluidclearfix を提供するため、そのコンテナーが必要ですが、必要に応じてspanマークアップを変更しないように、これを CSS に追加できます。

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