css - Bootstrap - 行の div がシフト/ジャンプ効果を引き起こしている

Question

Twitter ブートストラップ バージョン 2 を使用して開発されたページがあります。span8 と span4 に分割された行があります。Span8にはいくつかの画像スライダー（jqueryで構築）があり、span4にはいくつかのリンクしかありません。ページが読み込まれると、スパン 4 のすべてのリンクが最初に表示され、次に画像が読み込まれると、テキストが右に押し出されます。このシフト/ジャンプ効果を防ぐ方法はありますか?

<div class="row-fluid">
    <div class="span8" id="imgDiv">
            <!-- Image slider goes here -->
        </div>
        <div class="span4" id="linksDiv">
            <ul>
               <li>link1</li>
               <li>link2</li>
               <li>link3</li>
            </ul>
        </div>
</div>

Answer 1

おそらく、#imgDiv と #linksDiv からのスタイリングによるものです。

このオプションはあなたに適していますか?

<div class="row-fluid">
<div class="span8">
  <div id="imgDiv">
        <!-- Image slider goes here -->  
  </div> <!-- end #imgDiv -->
    </div>
    <div class="span4">  
    <div id="linksDiv">
        <ul>
           <li>link1</li>
           <li>link2</li>
           <li>link3</li>
        </ul>  
    </div> <!-- end #linksDiv -->
    </div>
</div>  

幸運を！