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

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