6

これが私のブートストラップコードです

    <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があり ますトップパディングを与える方法と、ボタンの間にスペースを空ける方法と、プラスボタンとgotoボタンを右側に移動する方法

4

2 に答える 2

6

これらの2つのボタンに別のdivを追加して与えるfloat:right

そしてそれらの間のギャップのために与えるmargin

button{margin-right:6px}

デモ更新

于 2013-01-23T11:21:22.360 に答える
5

右にフロートしたい場合は、組み込みのクラス「プルライト」を使用します

<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
于 2013-01-23T12:24:30.613 に答える