css - Bootstrap Scrollspy不适用于 float 内容(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>

第一个示例（有效的示例）在内容容器div上没有spanX类。

最佳答案

对于简单的两列布局，请创建一个.row并添加适当数量的.span列。由于这是一个12列的网格，因此每个.span *跨越这12列中的许多列，并且每行（或父级中的列数）应始终合计为12。

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

关于css - Bootstrap Scrollspy不适用于 float 内容(spanX)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13252477/