首页 文章

Bootstrap 3 Textarea带有input-group-button和btn-group-vertical

提问于
浏览 次
0

我正在使用bootstrap 3，我有一个带有textarea和两个按钮的表单 . 我想要的是用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>

enter image description here

按钮保持这么大的选项 .

第二种选择：

<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>

enter image description here

我想像第二个选项，但没有灰色框和这个边距 .

有人能帮帮我吗？

html css forms twitter-bootstrap-3

1 回答

  • 0

    在你的css文件中写

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

    这将删除按钮周围的填充 .

    回复于

相关问题