html - 推特 Bootstrap : overflow of btn-group

Question

我有一堆 button在 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

覆盖 .btn-group 上的 whitespace 属性

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

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