html - 如何格式化 Bootstrap 输入表单 - 所有标签具有相同的宽度

Question

我用 Bootstrap 3 制作了一个表单，我想为所有标签设置相同的宽度。

从这里:

为此:

我为此做了一个 fiddle :http://jsfiddle.net/52VtD/4262/

<form id="create_new_campaign" name="create_new_campaign" action="kampagnen.php" method="post" enctype="multipart/form-data">
    <div class="input-group">
              <span class="input-group-addon">Kennzeichen</span>
              <input type="text" class="form-control" placeholder="Kennzeichen" name="data[kennzeichen]" id="kennzeichen">
            </div>
            ...
  </form>

Answer 1

这应该可以解决问题:

  .input-group{
      width: 100%;
  }
  .input-group-addon{
      width: 45%;
      text-align: left;
  }
  .form-control {
      width: 55%;
  }

这是 fork 的 fiddle :

http://jsfiddle.net/6K8sF/