2013-01-23 43 views
4

這裏是我的引導代碼如何引導按鈕移動到左側

<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 如何給頂部填充和如何給一些空間,在按鍵之間和移動的加和轉到按鈕右側

回答

3

再添DIV對於那些2個按鈕,讓float:right

而且它們之間的差距給margin

button{margin-right:6px} 

DEMO UPDATED

+0

@jade在你的小提琴http://jsfiddle.net/AsYnY/4/按鈕在搜索的右側只是正確的? – Sowmya

+0

亞,但我希望它在屏幕的最右側,加號和轉到button.Sorry我錯了問題。我剛剛更新了我的問題 – iJade

+0

@jade檢查更新的答案 – Sowmya

4
如果你想對你使用內置類「右拉式」浮

<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 
相關問題