提问者:小点点

Bootstrap 3带有输入-组-按钮和btn-group-vertical的Textarea


我使用的是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>

我想要像第二个选项,但没有灰框和这个边距。

有人能帮帮我吗?


共1个答案

匿名用户

在css文件中写入

.input-group-addon{
  padding: 0;
}

这样就可以去除按钮周围的填充。