我使用的是 Bootstrap 2.3 和 Foundation 5,两者都已加载到页面上。没有 Firebug 错误。这是呈现的 HTML 和屏幕截图。为什么 div 行之间有这么多垂直空间?
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>
这是更新后的 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>
为什么在将标题居中并添加新表单时不将行居中?
最佳答案
尝试将 span3 更改为 span2
关于html - Bootstrap 2.3 - div 行之间不需要的垂直空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24046492/