[英]Bootstrap 2.3 - unwanted vertical space between div rows
I'm using Bootstrap 2.3 and Foundation 5 and both are loaded on the page. 我正在使用Bootstrap 2.3和Foundation 5,并且两者均已加载到页面上。 There are no Firebug errors.
没有Firebug错误。 Here's the HTML that is rendered and a screenshot.
这是呈现的HTML和屏幕截图。 Why is there so much vertical space between the div rows?
为什么div行之间有太多垂直空间?
HTML: HTML:
<div class="row-fluid">
<div class="span3 offset2"><span id="makemeboldlbl" class="label label-warning">Genre</span></div>
<div class="span3"><span id="makemeboldlbl" class="label label-warning">Manager</span></div>
<div class="span3"><span id="makemeboldlbl" class="label label-warning">ts_update</span></div>
<div class="span1"> </div>
</div>
<div class='row-fluid'>
<div class='span3 offset2'><a id='genre1' data-name='genre' data-type='text' data-pk='1' data-url='/updateGenre' data-title='Enter Genre'>American</a></div>
<div class='span3'>jborn</div>
<div class='span3'>0000-00-00 00:00:00</div>
<div class='span1'><img src='./images/delete.png' id='delete_1' height='25' width='25' title='Remove' /></div>
<div class='span2'> </div>
</div>
<div class='row-fluid'>
<div class='span3 offset2'><a id='genre2' data-name='genre' data-type='text' data-pk='2' data-url='/updateGenre' data-title='Enter Genre'>Asian</a></div>
<div class='span3'>jborn</div>
<div class='span3'>0000-00-00 00:00:00</div>
<div class='span1'><img src='./images/delete.png' id='delete_2' height='25' width='25' title='Remove' /></div>
<div class='span2'> </div>
</div>
Here's updated HTML: 这是更新的HTML:
<div class="row-fluid"><div class="span12 text-center" id="genres">
<div class="row-fluid">
<div class="span2"><span id="makemeboldlbl" class="label label-warning">Genre</span></div>
<div class="span2"><span id="makemeboldlbl" class="label label-warning">Manager</span></div>
<div class="span3"><span id="makemeboldlbl" class="label label-warning">ts_update</span></div>
<div class="span1"> </div>
</div>
<? echo $data ?>
</div></div>
Why is it not centering the rows while it's centering the header and Add New form? 为什么在标题和“添加新表单”居中时不居中?
尝试将span3更改为span2
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.