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}

DEMO UPDATED

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

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

2 个答案: