html - Bootstrap 3 复选框标签

Question

如何将标签添加到我的复选框，以便我可以将它们内联。

我想要这样:

标签输入输入

目前下面的代码显示为 input input label 为什么？

HTML:

<div class="col-md-6 pull-right">
    <div class="form-group">
        <label>Gender</label> <label class=
        "col-sm-2 checkbox-inline"><input id="genMale" type="checkbox"
        value="genMale">Male</label> <label class=
        "col-sm-2 checkbox-inline"><input id="genFemale" type=
        "checkbox" value="genFemale">Female</label> 
    </div>
</div>

Answer 1

gender 标签不在网格内。将类 col-sm-2 添加到标签。

<label class="col-sm-2">Gender</label>

这是一个片段:

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<div class="col-md-6 pull-right">
  <div class="form-group">
    <label class="col-sm-2">Gender</label>
    <label class="col-sm-2 checkbox-inline">
      <input id="genMale" type="checkbox" value="genMale">Male</label>
    <label class="col-sm-2 checkbox-inline">
      <input id="genFemale" type="checkbox" value="genFemale">Female</label>
  </div>
</div>