我正在使用 bootstrap 3,我有一个带有文本区域和两个按钮的表单。我想要的是将按钮与 btn-group-vertical 和 textarea 与带有 input-group-button 的按钮分组。
我的代码是这样的:
<form>
<div class="input-group">
<textarea class="form-control" rows="2" style="resize:none"></textarea>
<span type="submit" class="input-group-addon btn btn-primary">Button 1</span>
<span type="submit" class="input-group-addon btn btn-primary">Button 2</span>
</div>
</form>
这个选项按钮保持这么大。
第二个选项:
<form>
<div class="input-group">
<textarea class="form-control" rows="2" style="resize:none"></textarea>
<span class="input-group-addon">
<span class="btn-group-vertical">
<span type="submit" class="btn btn-primary">Button 1</span>
<span type="submit" class="btn btn-danger">Button 2</span>
</span>
</span>
</div>
</form>
我想要第二个选项,但没有灰色框和这个边距。
有人可以帮我吗?
最佳答案
在你的css文件中写入
.input-group-addon{
padding: 0;
}
这将移除按钮周围的填充。
关于html - Bootstrap 3 Textarea with input-group-button 和 btn-group-vertical,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52338096/