我在Bootstrap中遇到问题,其中按钮在响应行中溢出。它在高分辨率下看起来很好,但是当它调整大小时,按钮就不会跟随并装在流体行内,而是粘在容器外面(在这种情况下是.content div)。
<div class="container">
<div class="row-fluid">
<div class="content span8">
<div class="row-fluid">
<div class="btn-group span5 offset7">
<a href="#" class="btn">Button one</a>
<a href="#" class="btn">Button two</a>
<a href="#" class="btn">Button three</a>
</div>
</div>
</div>
</div>
</div>
演示:http://jsfiddle.net/D9Xav/(通过不同的分辨率拖动它)
任何想法如何解决这个问题?
答案 0 :(得分:4)
这是因为你已经把它们变成了按钮组。调整窗口大小时,按钮组中的按钮不会堆叠。只需从代码中取出btn-group
。