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

希望这有助于。