通过引导程序中的输入组垂直定位textarea

Question

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

我该如何以正确的方式做到这一点？

---

更新：代码示例在这里。正如你所看到的，所有的元素都是水平放置的。我想在下一行移动字形+按钮块。我怎样才能做到不输入组输入属性？ 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

OK，你的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