我们如何使用Twitter Bootstrap将表单字段水平放置?
我尝试了下面的HTML代码。但它会像下面一样一个接一个地显示。
我尝试了下面的HTML代码。但它会像下面一样一个接一个地显示。
First Name - Text Box
Last Name - Text Box
Search
<form class="form-horizontal"> <div class="control-group"> <label class="control-label" for="first">First Name</label> <div class="controls"> <input type="text" id="first" placeholder="firstname"> </div> </div> <div class="control-group"> <label class="control-label" for="lastname">Last Name</label> <div class="controls"> <input type="text" id="lastname" placeholder="Last Name"> </div> </div> <div class="control-group"> <div class="controls"> <button type="submit" class="btn">Search</button> </div> </div> </form>
我希望名字应该水平排列在第一行,下一行是搜索按钮。
像这样
名字 - 文本框 姓氏 - 文本框
搜索