Bootstrap span4动态内容

Question

我在使用需要获取span4类的动态内容时遇到问题。因为一行最多可以有12列，所以下一篇“文章”需要跳转到下一行。

请查看此预览我的意思：http://www.dreamix-studio.com/bootstrap/bootstrap_q_2.jpg

  <div class="row-fluid"> 

           <div class="span12">

               <h2>TITLE</h2>

               <p>DESCRIPTION</p>

           </div>

  </div> 



  <div class="row-fluid">


           <!-- what should be dynamic -->

           <div class="span4">              


                <h2>TITLE</h2>
                <p>DESCRIPTION</p>
                <p><a href="#" class="btn">BUTTON</a></p>


           </div>

            <!-- END dynamic -->


   </div>

有谁知道如何解决这个问题？

Answer 1

试试这个

  <div class="row-fluid"> 

           <div class="span12">

               <h2>TITLE</h2>

               <p>DESCRIPTION</p>

           </div>

  </div> 
  <div class="row">


           <!-- what should be dynamic -->

           <div class="span4">              


                <h2>TITLE</h2>
                <p>DESCRIPTION</p>
                <p><a href="#" class="btn">BUTTON</a></p>


           </div>

           <div class="span4">              


                <h2>TITLE</h2>
                <p>DESCRIPTION</p>
                <p><a href="#" class="btn">BUTTON</a></p>


           </div>


           <div class="span4">              


                <h2>TITLE</h2>
                <p>DESCRIPTION</p>
                <p><a href="#" class="btn">BUTTON</a></p>


           </div>


           <div class="span4">              


                <h2>TITLE</h2>
                <p>DESCRIPTION</p>
                <p><a href="#" class="btn">BUTTON</a></p>


           </div>


           <div class="span4">              


                <h2>TITLE</h2>
                <p>DESCRIPTION</p>
                <p><a href="#" class="btn">BUTTON</a></p>


           </div>

            <!-- END dynamic -->


   </div>