html - label 和 input 元素不在同一行

Question

我怎样才能将 label 和 input elements 放在同一行 上？谁能帮我解决这个问题？

.entry:not(:first-of-type) {
  margin-top: 10px;
}

.glyphicon {
  font-size: 12px;
}

<div class="container">
  <div class="row">
    <div class="control-group" id="fields">
      <label class="control-label" for="field1">Nice Multiple Form Fields</label>
      <div class="controls"> 
        <form role="form" autocomplete="off">
          <div class="entry input-group col-xs-3">
            <input class="form-control" name="fields[]" placeholder="Type something">
            <span class="input-group-btn">
              <button class="btn btn-success btn-add" type="button">
                <span class="glyphicon glyphicon-plus"></span>
              </button>
            </span>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

Answer 1

标签的 for 属性应该等于相关元素的 id 属性以将它们绑定(bind)在一起，但是您的输入 div 中没有 id..

尝试添加这个:

<input class="form-control" id="field1" name="fields[]" type="text" placeholder="Type something" />