bootstrap 3.0 radio水平对齐

可以使用`inline`类来实现水平对齐。具体的做法是，在每个`<label>`标签外包裹一个`<div class="radio-inline">`，并且在每个`<input type="radio">`标签中添加一个相同的`name`属性，以确保它们在同一组中。例如：

<div class="form-group">
  <label>性别：</label>
  <div class="radio-inline">
    <label><input type="radio" name="gender" value="male">男</label>
  </div>
  <div class="radio-inline">
    <label><input type="radio" name="gender" value="female">女</label>
  </div>
</div>

这将产生一个水平排列的两个单选按钮，如下所示：

性别： ( ) 男 ( ) 女

请注意，`<label>`标签中的文本应该与`<input>`标签放在同一个`<label>`中，这样就可以通过单击文本来选择单选按钮。

相关问题

bootstrap radio水平对齐

要实现 Bootstrap 中 radio 水平对齐的效果，你可以将每个 radio 包装在一个 div 标签中，并添加 `class="form-check"`，然后在这些 div 标签的外层再包装一个 div 标签，并添加 `class="form-group"`。最后，为每个 radio 添加 `class="form-check-input"`，并为其对应的 label 添加 `class="form-check-label"`。

以下是一个示例代码：

<div class="form-group">
  <div class="form-check">
    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1">
    <label class="form-check-label" for="exampleRadios1">
      选项 1
    </label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
    <label class="form-check-label" for="exampleRadios2">
      选项 2
    </label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3">
    <label class="form-check-label" for="exampleRadios3">
      选项 3
    </label>
  </div>
</div>

通过包装和添加相应的 Bootstrap 类，这些 radio 就会水平对齐了。

Bootstrap 3 lable select 水平对齐

要使Bootstrap 3的label和select元素水平对齐，您可以使用Bootstrap提供的`form-horizontal`类来实现。以下是一个示例代码：

<form class="form-horizontal">
  <div class="form-group">
    <label for="exampleSelect" class="col-sm-2 control-label">Select:</label>
    <div class="col-sm-4">
      <select class="form-control" id="exampleSelect">
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
      </select>
    </div>
  </div>
</form>

在上面的示例中，我们使用了`form-horizontal`类来使表单元素水平对齐。同时，我们使用了Bootstrap的Grid System来将label和select元素放在同一行中，并使用`col-sm-2`和`col-sm-4`类将它们放在不同的列中。最后，我们使用`control-label`类来使label元素垂直居中。