Bootstrap只允許內嵌幾個元素

Question

我需要將內嵌文本輸入字段並將textarea放在一個全長的新行中。

我可以使用默認的Bootstrap樣式嗎？

<form class="form-inline"> 
    <div class="form-group"> 
    <input type="text" class="form-control" placeholder="Name"> 
    </div> 
    <div class="form-group"> 
    <input type="text" class="form-control" placeholder="Email"> 
    </div> 
    <div class="form-group"> 
    <input type="text" class="form-control" placeholder="Subject"> 
    </div> 
    <div class="form-group"> 
    <textarea class="message"></textarea> 
    </div> 
</form> 

Answer 1

替換：

<textarea class="message"></textarea> 

有了：

<textarea class="form-control message"></textarea> 

Answer 2

是的，你可以得到這個無需編寫任何額外的CSS代碼完成。

HTML標記

<form class="row" role="from"> 
    <div class="form-group col-sm-4 col-xs-12"> 
    <input type="text" class="form-control" placeholder="Name"> 
    </div> 
    <div class="form-group col-sm-4 col-xs-12"> 
    <input type="email" class="form-control" placeholder="Email"> 
    </div> 
    <div class="form-group col-sm-4 col-xs-12"> 
    <input type="text" class="form-control" placeholder="Subject"> 
    </div> 
    <div class="form-group col-xs-12"> 
    <textarea class="form-control" class="message" rows="5"></textarea> 
    </div> 
</form> 

DEMO

希望這有助於。