Home/ Questions/Q 8918645
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T05:48:32+00:00

In twitter bootstrap documentation , there is an interesting way to append a button

  • 0

In twitter bootstrap documentation, there is an interesting way to append a button right next to the input.

Just an example for illustration:

<div class="input-append">
<input class="span2" id="appendedInputButton" type="text">
<button class="btn" type="button">Go!</button>
</div>

In my case I am trying to utilize this concept but the button is slightly bigger (by one pixel) I can’t figure out what is causing this.

enter image description here

I have created a fiddle, I hope someone can point me to the right direction.

http://jsfiddle.net/houmie/FkEnm/2/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I guess something else in your CSS causing this issue.
    You can fix this issue by overwriting your css. Make line-height from 20px to 19px on .btn class:

    .btn { line-height: 19px }

    Working DEMO

    • 0