css - 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>