Bootstrap响应内容,按钮溢出

时间:2012-11-14 11:33:04

标签: twitter-bootstrap overflow responsive-design

我在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/(通过不同的分辨率拖动它)

任何想法如何解决这个问题?

1 个答案:

答案 0 :(得分:4)

这是因为你已经把它们变成了按钮组。调整窗口大小时,按钮组中的按钮不会堆叠。只需从代码中取出btn-group