bootstrap调整输入框大小
时间: 2023-07-18 20:08:28 浏览: 328
你可以通过设置输入框的class属性来调整其大小。例如,如果你想让一个输入框更宽,可以在class中添加“form-control-lg”,如下所示:
```html
<input class="form-control form-control-lg" type="text" placeholder="Large input">
```
类似地,如果你想让输入框更小,可以使用“form-control-sm”类:
```html
<input class="form-control form-control-sm" type="text" placeholder="Small input">
```
你还可以自定义输入框的大小,通过添加自定义CSS样式来覆盖默认的Bootstrap样式。例如,以下CSS代码将使输入框的宽度为200px:
```css
.custom-input {
width: 200px;
}
```
然后在HTML中将class设置为“custom-input”:
```html
<input class="form-control custom-input" type="text" placeholder="Custom input">
```
相关问题
bootstrap调整form大小
可以使用Bootstrap提供的表单控件类来调整表单大小,例如:
<div class="form-group">
<label for="exampleInputName">姓名</label>
<input type="text" class="form-control form-control-lg" id="exampleInputName" placeholder="请输入姓名">
</div>
其中,form-control-lg类可以调整输入框的大小为大号。
阅读全文