Twitter bootstrap 引导:使帮助块内联

Twitter bootstrap 引导:使帮助块内联,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我希望帮助块与输入字段内联(如果输入字段右侧有可用空间),但无论屏幕有多宽,它都位于输入字段下方。我如何使它内联 表格如下: <form class="form-inline" role="form"> <div class="form-group"> <label for="query">Search</label> <input type="text" ng-model="qu

我希望帮助块与输入字段内联(如果输入字段右侧有可用空间),但无论屏幕有多宽,它都位于输入字段下方。我如何使它内联

表格如下:

  <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>

搜寻
搜索任何领域。。。

这是一个。

帮助块所做的事情之一是设置
显示:块
。如果您不想这样做,可以这样覆盖它:

.help-block {
    display: inline;
}

我知道一个老问题,但是对于任何遇到这个问题的人,只要使用
inline block
而不是
help block
作为您的类即可

/* Make the help displayed horizontally and set with same color with help-block */
.help-inline {
  display: inline;
  color: #737373;
}