如何在bootstrap中设置按钮的网格？

Question

我有大约20个按钮要显示。 （广播电台为http://radio.meteor.com/.）

这里的流星/车把HTML是什么样子现在：

<div id="channels" class="span12"> 
    <div class="btn-group"> 
    {{#each channels}} 
    <button class="btn {{#if playing}}btn-primary{{/if}}" id="channel-{{name}}"> 
     {{name}} 
    </button> 
    {{/each}} 
    </div> 
</div> 

我想按钮都走在垂直和水平方向。我以为btn-group会好起来的，但我的按钮就在最左边。我妄图这一点：

#channels button { 
    float: left; 
    width: 120px; 
} 

Answer 1

每个L1被设定为100％的UL父的宽度，而不是为渠道里的CSS应该是：

#channels li { 
    float: left; 
    width: auto; 
}