bootstrap 3网格偏移占用水平空间

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>

当调整偏移量时，它会作为强制其他项目移动的块。有没有办法使用在传统浮动行为中起作用的引导网格？

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是工作示例的链接。