通過引導程序中的輸入組垂直定位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