Align input field with button #Bootstrap_tip


Updated July 12, 2013 ● 702 views

Here are two ways you can align an input field and a button in Bootstrap:

Align using the .input-append class:

<div class="input-append">
    <input name="search" id="search"/>
    <button class="btn">button</button>
</div>

Align using the .form-horizontal class:

<div class="form-horizontal">
    <input name="search" id="search"/>
    <button class="btn">button</button>
</div>

2 Comments

2

Thank you. Just exactly what I'm looking for.

JasonIsBorn · 10 years ago
permalink · reply (1)
0

@JasonIsBorn: You are welcome Jason Bourn! :)

Ross · 10 years ago
permalink · reply