Html 在同一行上显示标签和下拉列表

我需要在同一行上显示标签和下拉列表。我使用的是bootstrap，我的html就是这样

使用标签的“for”属性：



您需要在html中做一些更改

将class表单水平添加到表单中，并按照以下html代码操作

<div class="row">

<form class="form-horizontal">


<div class="form-group">
                <label for="exampleInputuname" class="col-sm-3 control-label">Select User</label>
                <div class="col-sm-9">
                  <div class="input-group">
                    <select class="form-control">
                      <option value="">Select User</option>
                      <option *ngFor="let u of UsersList" [ngValue]="u.UserId">{{u.FullName}}</option>
                    </select>
                    <div class="input-group-addon"><i class="ti-user"></i></div>
                  </div>
                </div>
              </div>
</form>
</div>


选择用户
选择用户
{{u.FullName}

希望这对您有所帮助
如文档页所述（我的重点）：

引导需要一个包含元素来包装站点内容并容纳我们的网格系统。您可以从两个容器中选择一个用于项目中

使用.container作为响应固定宽度的容器

使用.container fluid作为全宽容器，覆盖视口的整个宽度

因此，您的html代码应该是：



用户：
选择用户
{{u.FullName}
感谢您的回复，但我已经尝试了您的解决方案，它对我无效。将属性“for”添加到label元素，并为其指定值select元素的id。在上面的示例中，我将id='sel-options'属性添加到下拉列表中，并将='sel-options'属性添加到元素中。除非我误解了您的要求，否则我相信当您运行上面的代码片段时，您会看到期望的结果。