twitter-bootstrap - Bootstrap : Make help-block inline

Question

我希望帮助 block 与输入字段内联(如果输入字段右侧有可用空间)，但无论屏幕有多宽，它都位于输入字段下方。我怎样才能使它内联？

这是表格:

  <form class="form-inline" role="form">
    <div class="form-group">
      <label for="query">Search</label>
      <input type="text"
             ng-model="query"
             class="form-control"
             id="query"
             placeholder="Enter search text">
      <span class="help-block">
        Search in any field...
      </span>
    </div>
  </form>

这是一个 plunk .

Answer 1

一件事.help-block确实设置了display:block .如果你不想这样，你可以像这样覆盖它:

.help-block {
    display: inline;
}

Demo in Plunker