Put some text next to Bootstrap 3 input

Question

I have got the Bootstrap 3 code below:

<div class="form-group">
    <div class="col-sm-3 control-label">
        <label>Surname:</label>
    </div>
<div class="col-sm-9">
    <input class="form-control" type="text" name="surname"><span>!</span>
</div>

And I need to show the exclamation mark next to the input, but it is always on the new line. How to put it nex to the input, please?

Thanks

I responded here: http://stackoverflow.com/questions/18404003/label-on-the-left-side-instead-above-an-input-field/33974788 regards! — Martin Cisneros Capistrán, Nov 28 '15 at 18:21

score 4 · Answer 1 · answered Mar 05 '14 at 21:17

4

Use this code, it works

   <div class="form-group">
        <div class="col-sm-3 control-label">
            <label>Surname:</label>
        </div>
    <div class="col-sm-9">
        <div class="input-group">
        <input class="form-control" type="text" name="surname"><span class="input-group-addon">!</span>
        </div>
    </div>

answered Mar 05 '14 at 21:17

Jagadesh K

237
1
13

Thanks, I have already tried that, but (and I am sorry that I didnt mention it in the question) I cannot use this for checkboxes or textareas. – Lunack Mar 05 '14 at 21:57

score 2 · Answer 2 · answered Mar 05 '14 at 21:40

2

If your using a form-inline it will work like this..

<form class="form-inline">
  <div class="form-group">
      <label>Surname:</label>
      <input class="form-control" type="text" name="surname"> !
  </div>
</form>

http://www.bootply.com/119169

answered Mar 05 '14 at 21:40

Carol Skelly

351,302
90
710
624

Thanks, I'm using form horizontal. – Lunack Mar 05 '14 at 21:55

Put some text next to Bootstrap 3 input

2 Answers2