我使用的是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;
}
这样就可以去除按钮周围的填充。