2012-11-06 26 views
0

Scrollspy似乎不使用內置自舉 「SPANX」 類的工作,例如工作:引導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> 

第一個例子(正常工作的那個),不具有SPANX類在內容容器div上。

回答

0

對於簡單的雙列布局,請創建一個.row並添加相應數量的.span列。由於這是一個12列的網格,每個.span *跨越了這12列中的許多列,並且應該總是爲每行(或父列中的列數)加起來爲12。

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

©twitter bootstrap