Question

我想通过input-group属性定位元素，其中一个是textarea，接下来是几个glyphes和按钮，我认为并不重要。我想把它放在垂直顺序，而不是默认输入组提供的水平顺序。

我怎样才能以正确的方式做到这一点？

更新：这里的代码示例。如您所见，所有元素都水平放置。我想在下一行移动字形+按钮块。如何在不重新输入输入组属性的情况下执行此操作？ HTML：

    <div class="textareaField  input-group">
         <textarea class="form-control custom-control" rows="3"></textarea>
         <div class="textareaFooter input-group-addon">
             <span class="glyphicon glyphicon-picture"></span>
             <span class=" btn btn-primary">Send</span>
         </div>
    </div>

http://jsfiddle.net/sva6nr8z/

Answer 1

好的，将CSS更改为：

.input-group textarea{display:block; float:none;}
.input-group .textareaFooter{display:block; float:none; clear:both; width:100%;}
.input-group .glyphicon-picture{display:block; float:none; margin:20px auto;}
.input-group .btn{display:block; float:none; clear:both; width:100%;}

当然，您需要根据需要调整边距和尺寸，但重要的是为textarea和.textareaFooter

提供显示：块属性

See JSFiddle

通过bootstrap中的input-group对textarea进行垂直定位

1 个答案: