如何将引导按钮移动到左侧

Question

这是我的引导代码

    <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 如何给出顶部填充以及如何在按钮之间留出一些空间并将加号和转到按钮移到右侧

Answer 1

为这两个按钮添加另一个 div 并给出 float:right

而对于他们之间的差距给 margin

button{margin-right:6px}

演示更新

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:10px