bootstrap 3.0 radio水平对齐
时间: 2023-09-19 15:07:31 浏览: 210
可以使用`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>`中,这样就可以通过单击文本来选择单选按钮。
阅读全文