如何在引導程序的跨度中居中放置未知寬度的按鈕？

Question

我有一個由backbone.js和jQuery.tmpl（）生成的按鈕，按鈕的寬度是變體。我想把它放在span6 div中。代碼如下所示：

<div class="row"> 
    <div class="span6"> 
    <button class="btn primary large"> 
     BLABLABLA 
    </button> 
    </div> 
    <div class="span10"> 
    ... 
    </div> 
</div> 

我不知道如何使按鈕居中在div。

Answer 1

林沒有CSS大師，但這樣做對我的把戲（居中span6中的按鈕）：爲中心can be found here

<div class="row"> 
    <div class="span6" style="text-align:center"> 
    <button class="btn primary large"> 
     BLABLABLA 
    </button> 
    </div> 
</div> 

更多信息。

Answer 2

有點晚了，但你可以從引導

<div class="span6 pagination-centered"> 
    <button class="btn primary large"> 
    BLABLABLA 
    </button> 
</div> 

Answer 3

什麼<a>標籤使用分頁爲中心的課堂？

如果您有一個<a>標記按鈕，則其他方法將不起作用，因爲a.btn在引導源中具有float: left屬性。

<div style="text-align: center;"> 
    <a href="#" class="btn">Button text</a> 
</div> 

這可以撤消2種方式。

解決方案1 ​​

添加自定義較少的文件並導入引導程序。

引導-custom.less

@import "bootstrap.less"; 
a.btn { 
    float: none !important; 
} 

，然後編譯您的自定義文件少，或者乾脆在另一個CSS文件中指定：

styles.css的

a.btn { 
    float: none !important; 
} 

解決方案2

簡單地做它內嵌使用style="float: none;"：

<div style="text-align: center;"> 
    <a href="#" class="btn" style="float: none;">Button text</a> 
</div> 

Answer 4

其他的解決辦法

<div class="row-fluid pagination-centered"> 
<a href="#" class="btn btn-large">Button</a> 
    </div> 
<div class="clearfix"></div> 

Answer 5

我有同樣的問題，我裹在

<a class="btn btn-primary" href="#" role="button">Text Here</a> 

成了

<div class="text-center"> 
<a class="btn btn-primary" href="#" role="button">Text Here</a> 
</div>