Bootstrap 3表单进入模态窗口

Question

Here I have a form in modal window and it looks like this: Here you can see that input fields are really small...

Also the same code but not in modal widnow: http://jsbin.com/OJAnaji/37/edit Works fine.

What is the problem here?

Why can't I show the form like on my example without modal window?

How can I solve it?

I tried to remove div class=col-md-4 , but again it doesn't work.

Answer 1

generated html is like this.

<div class="form-group">
  <label class="col-md-4 control-label" for="appendedtext"></label>
  <div class="col-md-2">
    <div class="input-group">
      <input id="appendedtext" name="appendedtext" class="form-control" placeholder="Ar" type="text">
      <span class="input-group-addon">Ar</span>
    </div>

  </div>
</div>

try to change col-md-2 to col-md-4 or just remove it