html - bootstrap 3 grid offset 占用水平空间

Question

使用 bootstrap 3 的网格系统，我正在尝试执行以下操作 -

|button1 button2|       max horizontal space      |button3|

或者在 html 中

|button1 button2 float:left|               |button3 float:right|

我使用 bootstrap 的中间水平空间的列偏移创建了上面的内容 - fiddle.

<div class="row">
    <div class="col-md-3">
        <button class="btn btn-default">Join</button>
        <button class="btn btn-default">Leave</button>
    </div>
    <div class="col-md-offset-7 col-md-2 text-right">
        <button class="btn btn-default">Start</button>
    </div>
</div>

调整大小时，偏移充当强制其他元素移动的 block 。有没有一种方法可以使用在传统 float 行为中起作用的 Bootstrap 网格来做到这一点？

Answer 1

我不确定你想要什么，但我可以建议你使用 pull-right 让按钮位于右侧:

<div class="container">
    <button class="btn btn-default">Join</button>
    <button class="btn btn-default">Leave</button>
    <button class="btn btn-default pull-right">Start</button>
</div>

http://www.bootply.com/GpKoFcNvII是工作示例的链接。