html - Twitter Bootstrap：btn-group 溢出

Question

我在 a 中有一堆buttons ，它们div具有固定的宽度和自动高度。我希望包含的按钮一旦溢出容器 div 就转移到下一行。

这是我的代码：

<div class='btn-group' style='width:100px; height:auto;'>
  <button class='btn'>Hello</button>
  <button class='btn'>Hello</button>
  <button class='btn'>Hello</button>
  <button class='btn'>Hello</button>
  <button class='btn'>Hello</button>
  <button class='btn'>Hello</button>
  <button class='btn'>Hello</button>
</div>

按钮退出组。做一个<br />帮助，但如果有更直接的解决方案，我更喜欢，因为我以编程方式插入按钮。谢谢。

Answer 1

覆盖whitespace属性.btn-group

.btn-group{
    white-space: normal;
}

JSFIDDLE：http: //jsfiddle.net/k9XCj/