我正在使用网站http://westlinebuilders.com，这是我的代码
<div class="row allprj">
<div class="span4">
<figure class="frame thumbnail alignnone clearfix">
<a title="Permanent Link to THE PRESIDENTIAL SUITES" href="http://westlinebuilders.com/portfolio-view/the-presidential-suites/" class="image-wrap"><img alt="THE PRESIDENTIAL SUITES" src="http://westlinebuilders.com/wp-content/uploads/2014/07/Westline-Falnir_03-W-.jpg"></a>
</figure>
<div style="margin-top: -10px; padding: 0 0 15px;" class="service-box extra">
<div class="service-box_body">
<h2 class="title">
<a title="Permanent Link to THE PRESIDENTIAL SUITES" href="http://westlinebuilders.com/portfolio-view/the-presidential-suites/" class="extra2" style="font-size: 26px !important">THE PRESIDENTIAL SUITES</a>
</h2>
<h5 class="sub-title">
Falnir
</h5>
</div>
</div>
</div>
<div class="span4 prj">
<figure class="frame thumbnail alignnone clearfix">
<a class="image-wrap" href="http://westlinebuilders.com/signature" title="Permanent Link to Westline Signature"><img src="http://westlinebuilders.com/wp-content/uploads/2014/07/signature-42.jpg" alt="Signature"></a>
</figure>
<div style="margin-top: -10px; padding: 0 0 15px;" class="service-box extra">
<div class="service-box_body">
<h2 class="title">
<a class="extra2" href="http://westlinebuilders.com/signature" title="Permanent Link to Signature" style="font-size: 26px !important">Signature</a>
</h2>
<h5 class="sub-title">
Nanthoor Junction
</h5>
</div>
</div>
</div>
<div class="span4">
<figure class="frame thumbnail alignnone clearfix">
<a title="Permanent Link to Skydale" href="http://westlinebuilders.com/portfolio-view/westline-skydale/" class="image-wrap"><img alt="Skydale" src="http://westlinebuilders.com/wp-content/uploads/2014/04/West-lineBKN-Pool1_01-420x247.jpg"></a>
</figure>
<div style="margin-top: -10px; padding: 0 0 15px;" class="service-box extra">
<div class="service-box_body">
<h2 class="title">
<a title="Permanent Link to Skydale" href="http://westlinebuilders.com/portfolio-view/westline-skydale/" class="extra2" style="font-size: 26px !important">Skydale</a>
</h2>
<h5 class="sub-title">
Bikkarnakatte
</h5>
</div>
</div>
</div>
<div class="span4">
<figure class="frame thumbnail alignnone clearfix">
<a title="Permanent Link to Fairmont" href="http://westlinebuilders.com/portfolio-view/westline-fairmont-kadri-mangalore-apartments-flats/" class="image-wrap"><img alt="Fairmont" src="http://westlinebuilders.com/wp-content/uploads/2011/07/fairmont.jpg"></a>
</figure>
<div style="margin-top: -10px; padding: 0 0 15px;" class="service-box extra">
<div class="service-box_body">
<h2 class="title">
<a title="Permanent Link to Fairmont" href="http://westlinebuilders.com/portfolio-view/westline-fairmont-kadri-mangalore-apartments-flats/" class="extra2" style="font-size: 26px !important">Fairmont</a>
</h2>
<h5 class="sub-title">
Kadri
</h5>
</div>
</div>
</div>
<div class="span4">
<figure class="frame thumbnail alignnone clearfix">
<a title="Permanent Link to Splendid Homes" href="http://westlinebuilders.com/portfolio-view/splendid-homes/" class="image-wrap"><img alt="Splendid Homes" src="http://westlinebuilders.com/wp-content/uploads/2013/03/Westline-Kulshekara_small-420x247.jpg"></a>
</figure>
<div style="margin-top: -10px; padding: 0 0 15px;" class="service-box extra">
<div class="service-box_body">
<h2 class="title">
<a title="Permanent Link to Splendid Homes" href="http://westlinebuilders.com/portfolio-view/splendid-homes/" class="extra2" style="font-size: 26px !important">Splendid Homes</a>
</h2>
<h5 class="sub-title">
Kulshekar
</h5>
</div>
</div>
</div>
<div class="span4">
<figure class="frame thumbnail alignnone clearfix">
<a title="Permanent Link to Bonita" href="http://westlinebuilders.com/portfolio-view/westline-bonita-thokkottu-apartments-flats-mangalore/" class="image-wrap"><img alt="Bonita" src="http://westlinebuilders.com/wp-content/uploads/2011/07/bonita.jpg"></a>
</figure>
<div style="margin-top: -10px; padding: 0 0 15px;" class="service-box extra">
<div class="service-box_body">
<h2 class="title">
<a title="Permanent Link to Bonita" href="http://westlinebuilders.com/portfolio-view/westline-bonita-thokkottu-apartments-flats-mangalore/" class="extra2" style="font-size: 26px !important">Bonita</a>
</h2>
<h5 class="sub-title">
NH66, Thokkottu
</h5>
</div>
</div>
</div>
</div>
，我与6一行但是当你调整浏览器窗口的大小时，第四个div就会降低。我也试过<div class="row-fluid">但没有运气，有人可以帮我这个吗？
答案 0 :(得分：2)
嗯，看起来实际上并不是第四个被推下的项目 - 事实上，它是第六个（在你调整浏览器大小时关注内容），它被推到了新的一行。
造成这种情况的直接原因是第一项中的标题 THE PRESIDENTIAL SUITES 使得该项目比其兄弟姐妹更高，导致其下方的项目（第四项）被转移，并最终迫使第六项进入新的一线。
根本问题是，您尝试使用.span4容器直观地创建两行，但是您只有一个.row个容器。如果您想要使用此框架的两行，请使用两个.row容器。因此，而不是您目前拥有的HTML结构：
<div class="row allprj">
<div class="span4">
...
</div>
<div class="span4 prj">
...
</div>
<div class="span4">
...
</div>
<div class="span4">
...
</div>
<div class="span4">
...
</div>
<div class="span4">
...
</div>
</div>
您应该将内容拆分为两个.row容器：
<div class="row allprj">
<div class="span4">
...
</div>
<div class="span4 prj">
...
</div>
<div class="span4">
...
</div>
</div>
<div class="row allprj">
<div class="span4">
...
</div>
<div class="span4">
...
</div>
<div class="span4">
...
</div>
</div>
希望这有帮助！如果您有任何问题，请告诉我。