Bootstrap 3 lable select 水平对齐
时间: 2024-01-19 16:02:47 浏览: 170
要使Bootstrap 3的label和select元素水平对齐,您可以使用Bootstrap提供的`form-horizontal`类来实现。以下是一个示例代码:
```html
<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元素垂直居中。
阅读全文