Twitter bootstrap 引导流体网格重叠问题
我已经使用Twitter引导程序玩流体网格有一段时间了,但即使在最新版本中,我发现如果不获得重叠元素,创建流体网格也是不可能的。包含了正确的引导css文件,所有标记都是正确的,因此我只能假设这与输入字段有关,但我认为引导的创建者会考虑到这一点 您可以在此处查看小提琴中的代码: 尝试重新调整内容窗口的大小,您将看到重叠的问题 欢迎发表任何意见/评论,谢谢您的时间Twitter bootstrap 引导流体网格重叠问题,twitter-bootstrap,grid,overlap,Twitter Bootstrap,Grid,Overlap,我已经使用Twitter引导程序玩流体网格有一段时间了,但即使在最新版本中,我发现如果不获得重叠元素,创建流体网格也是不可能的。包含了正确的引导css文件,所有标记都是正确的,因此我只能假设这与输入字段有关,但我认为引导的创建者会考虑到这一点 您可以在此处查看小提琴中的代码: 尝试重新调整内容窗口的大小,您将看到重叠的问题 欢迎发表任何意见/评论,谢谢您的时间 <div class="container-fluid"> <div class="row-fluid">
<div class="container-fluid">
<div class="row-fluid">
<div class="span2">
<div class="well well-small">
<ul class="nav nav-list" id="navigation">
<li><a href="/link" >link</a></li>
<li><a href="/link" >link</a></li>
<li><a href="/link" >link</a></li>
<li><a href="/link" >link</a></li>
<li><a href="/link" >link</a></li>
<li><a href="/link" >link</a></li>
</ul>
</div>
</div>
<div class="span10">
<div class="row-fluid">
<div class="span3">
<form method="POST">
<fieldset>
<legend>Some Random details</legend>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<input type="submit" class="btn btn-primary" name="submit" value="Submit">
</fieldset>
</form>
</div>
<div class="span3">
<fieldset>
<legend>Some random long legend</legend>
<ul>
<li><a href="/">
<i class="icon-film"></i>berkeley napier 3</a>
<a href="/"><i class ="icon-trash"></i></a>
</li>
</ul>
<div class="btn-group">
<a class="btn btn-small btn-inverse" href="/">Preview Something</a>
<a class="btn btn-small btn-inverse" href="/">Preview Something else</a>
</div>
</fieldset>
</div>
<div class="span3">
<fieldset>
<legend>Options</legend>
<div class="btn-group-vertical">
<a class="btn btn-info" href="/">Some LongButton Text</a>
<a class="btn btn-info" href="/">Longer Long Button Text</a>
<a class="btn btn-info disabled" data-href="/">Button Text</a>
<a class="btn btn-info disabled" data-href="/">Button Text</a>
</div>
</fieldset>
</div>
<div class="span3 actions">
<fieldset>
<legend>Buttons</legend>
<div class="btn-group btn-group-vertical">
<a class="btn btn-primary" href="/"><i class="icon-list icon-white"></i>
Create Something
</a>
<a class="btn btn-primary" href="/"><i class="icon-circle-arrow-down icon-white"></i> Download Something</a>
<a class="btn btn-primary" href="/"><i class="icon-share icon-white"></i> Some Button</a>
</div>
</fieldset>
</div>
</div>
</div>
</div>
一些随机的细节
沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪
一些随机长的传说
-
选择权
按钮
我最终在Bootstrap人员的帮助下解决了这个问题,我想我会在这里发布帮助,以防将来对其他人有用 发生重叠的原因有两个: