Bootstrap只允许内嵌几个元素
问题描述:
我需要将内嵌文本输入字段并将textarea放在一个全长的新行中。Bootstrap只允许内嵌几个元素
我可以使用默认的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>
答
替换:
<textarea class="message"></textarea>
有了:
<textarea class="form-control message"></textarea>
答
是的,你可以得到这个无需编写任何额外的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>
希望这有助于。