如何将Bootstrap按钮移动到左侧

Question

这是我的Bootstrap代码

    <div class="input-append" align="center">
    <input type="text" name="q" class="span2 search-query" placeholder="Snipp or Tag"
    />
    <button type="submit" class="btn">Search</button>
    <button class="btn btn-primary active"><i class="icon-white icon-plus"></i> plus</button>
    <button class="btn btn-primary active"><i class="icon-white icon-bullhorn"></i> Goto</button>
</div>

这里有一个jsfiddle示例，关于如何在按钮中间添加间距以及如何在顶部增加填充，同时将加号和前往按钮移动到右侧。

- iJade

Answer 1

为这两个按钮添加另一个

，并给它设置float:right

为它们之间的间隔设置margin

button{margin-right:6px}

演示已更新

- Sowmya

---

@jade 在你的 JSFiddle http://jsfiddle.net/AsYnY/4/ 中，按钮只在搜索框的右侧，是吗？ - Sowmya

抱歉，在问题中我表述有误，实际上我想让加号和跳转按钮位于屏幕的最右侧。我刚刚更新了我的问题。 - iJade

Answer 2

如果你想向右浮动，可以使用内置的类名"pull-right"。

<div class="pull-right">...</div>

如果需要查找更多，可以考虑使用另一个搜索选项。

<form class="form-search">
    <div class="input-append" >
    <input type="text" class="span2 search-query input-large" placeholder="search posts,users..">
    <button type="submit" class="btn"><i class="icon-search"></i></button>
    </div>

如果想要保持距离，你可以使用边距（margin）

margin:10px

- Sujay sreedhar