Twitter上的bootstrap span class

我非常喜歡twitter bootstrap css/less框架，但是最近我發現了一個小問題。Twitter上的bootstrap span class

當我把.spanX放在一個按鈕上時，它們不會變成與div相同的寬度。

看到這個Jsfiddle看到我的意思的例子。在下圖中，兩者都是.span4。

They are both .span4 but different width

我使用的跨度類錯了，還是這也許一個錯誤？

編輯：

我使用Chrome 23.0.1271.64在Mac OSX上的新貓。

2012-11-27 Automatico

它們是相同的寬度，因爲我看到他們。 – defau1t

也許你的問題需要更具體的分享哪些瀏覽器，你看到了這種行爲英寸谷歌瀏覽器中看起來很好。 –

.alert增加padding: 8px 35px 8px 14px;負責的大小差異是覆蓋或刪除的.alert類

2012-11-27 11:34:52 Andy

這似乎是問題！謝謝！我試圖在按鈕上添加.alert以進行補償，但這沒有奏效。至少我現在知道這個問題，所以我應該能夠拿出一些東西:) – Automatico

他們，我可以調整瀏覽器窗口後仍看到相同的寬度..

您可能清除瀏覽器緩存，以檢查它是如何工作的，並從當前正在使用不同的瀏覽器試試..

2012-11-27 11:38:54

我發現這個解決方案，你可以看到這樣的文章：

2012-11-27 11:41:52 mjimcua

Twitter的引導提供塊級按鈕類用於這一目的。

看http://twitter.github.com/bootstrap/base-css.html#buttons - 會發現一個使用.btn-block類與<button>一起使用的示例。

基本上，你可能要包裝你<button>在<div>，像這樣：

<div class="span12"> 
    <button class="btn btn-block">my wide button</button> 
</div>

2013-03-21 16:33:43 Sebastian

對不起，我不知道那時候如何輸入''標籤 - 固定我的答案，以便''出現（： – Sebastian

回答