Twitter bootstrap 引导仅使几个元素内联

Twitter bootstrap 引导仅使几个元素内联,twitter-bootstrap,Twitter Bootstrap,我需要内联放置文本输入字段,并将textarea以全尺寸放置在新行中 我可以使用默认引导样式吗 更换: <textarea class="message"></textarea> 与: 是的,您无需编写任何额外的CSS代码即可完成此操作 HTML标记 <form class="row" role="from"> <div class="form-group col-sm-4 col-xs-12"> <input type=

我需要内联放置文本输入字段,并将textarea以全尺寸放置在新行中

我可以使用默认引导样式吗


更换:

<textarea class="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>

希望这有帮助

<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>