0

Scrollspy は、組み込みのブートストラップ「spanX」クラスでは動作しないようです。次に例を示します。

この作品

 <body data-spy="scroll" data-target="#scrollspy-nav">
     <div id="scrollspy-nav" class="span4">
         <ul class="nav nav-tabs nav-stacked affix">
             <li><a href="#test1">Section 1</a></li>
             <li><a href="#test2">Section 2</a></li>
             <li><a href="#test3">Section 3</a></li>
         </ul>
     </div>
     <div>
         <section id="test1">Test 1 <!-- Lots of <br/>'s --></section>
         <section id="test2">Test 2 <!-- Lots of <br/>'s --></section>
         <section id="test3">Test 3 <!-- Lots of <br/>'s --></section>
     </div>
  </body>

これはしません:

 <body data-spy="scroll" data-target="#scrollspy-nav">
     <div id="scrollspy-nav" class="span4">
         <ul class="nav nav-tabs nav-stacked affix">
             <li><a href="#test1">Section 1</a></li>
             <li><a href="#test2">Section 2</a></li>
             <li><a href="#test3">Section 3</a></li>
         </ul>
     </div>
     <div class="span8">
         <section id="test1">Test 1 <!-- Lots of <br/>'s --></section>
         <section id="test2">Test 2 <!-- Lots of <br/>'s --></section>
         <section id="test3">Test 3 <!-- Lots of <br/>'s --></section>
     </div>
  </body>

最初の例 (動作するもの) には、コンテンツ コンテナー div に spanX クラスがありません。

4

1 に答える 1

0

単純な 2 列のレイアウトの場合、.row を作成し、適切な数の.span列を追加します。これは 12 列のグリッドであるため、各 .span* はこれらの 12 列の数にまたがり、各行 (または親の列数) に対して常に最大 12 を追加する必要があります。

   <div class="row">
      <div class="span4">...</div>
      <div class="span8">...</div>
   </div>

©ツイッターブートストラップ

于 2012-11-06T19:46:45.853 に答える