align buttons - bootstrap 3

Question

看看下面的例子。

Sample

我想對齊按鈕1最左邊和Button 2和Button 3極右。有沒有更好的方法來做到這一點，而不是抵消。

Answer 1

你只需把它添加到包含右按鈕的div：

text-align:right; 

因爲你使用的拉右不需要補償給你的當前設置。

如果您希望它在小屏幕上的行爲類似，請將col-md更改爲col-xs，否則寬度將默認爲100％，作爲塊級元素。

樣品與XS：http://www.bootply.com/s8T3y5qJ7c

Answer 2

這對我來說工作得很好：

<div class="col-md-4 col-md-offset-6 pull-right"> 
    <button type="reset" style="float:right;" class="btn btn-default"> 
     Button 2</button> 
    <button type="reset" style="float:right;" class="btn btn-default"> 
     Button 3</button> 
</div> 

這是你更新後的腳本：

here