在列中均勻分布按鈕（元素）

Question

我一直在嘗試使用bootstrap實現類似鍵盤的小部件。

這是對手頭問題的重建：

<div>
<div class="row">
    <span class="col-md-3">
        <button class="btn btn-lg btn-warning">1</button>
    <button class="btn btn-lg btn-warning">2</button>
    <button class="btn btn-lg btn-warning">3</button>
    </span>
    </div>

    <div class="row">
    <span class="col-md-3">
        <button class="btn btn-lg btn-warning btn-block">SPAN</button>
    </span>
    </div>
</div>

這樣的問題是標記為1,2和3的按鈕沒有均勻展開以填充3列寬父級。

現在，我知道我可以使用btn-group-justified類，但它會拉伸按鈕以適合父級的寬度。 我想要的是在按鈕之間添加填充物。

可以使用Bootstrap完成，還是應該使用display: table或一些涉及邊距的奇怪的巫毒代碼。

Answer 1

嵌套行怎么樣？

http://jsfiddle.net/isherwood/XGb89/

<div class="row">
    <div class="col-md-3">
        <div class="row">
            <div class="col-xs-4 text-center">
                <button class="btn btn-lg btn-warning">1</button>
            </div>
            ...