Geek Answers Handbook

How to move the boot button to the left side

Here is my bootstrap code

<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>

And here's jsfiddle How to give top filling and how to give some space between the buttons and move the plus and goto button to the right.

+4
source share
2 answers

add another div for these two buttons and give float:right

And for the gap between them give margin

 button{margin-right:6px}

UPDATED DEMO

+4
source

if you want to swim to the right, you use the built-in class "pull-right"

 <div class="pull-right">...</div>

and to search for more promising will be

 <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>

and to save distance you can use margin

 margin:10px
+4
source

More articles:


All Articles