0

我在处理需要获取 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>

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

4

1 回答 1

2

试试这个

  <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>
于 2013-07-15T07:09:41.090 回答