html – Bootstrap 3：同一行上的两个表单

概述我已经制作了两种注册表格.当我将下面的代码添加到页面时,第二个字段会自动下降到第一个字段之下.我希望它除此之外. <h1>Register</h1><input type="text" class="form-control" placeholder="Forename" autofocus style="width:150px"><input type="text" class="for 我已经制作了两种注册表格.当我将下面的代码添加到页面时,第二个字段会自动下降到第一个字段之下.我希望它除此之外.

<h1>Register</h1><input type="text"  placeholder="Forename" autofocus ><input type="text"  placeholder="Surname" autofocus >

这是一个在普通的HTML(currently)中看起来像什么的例子,这就是我想要的样子.但在引导程序中它不断采取新的方针

解决方法 在bootstrap的网站上引用 inline form styling.

<form  role="form">  <div >    <label  for="exampleinputEmail2">Email address</label>    <input type="email"  ID="exampleinputEmail2" placeholder="Enter email">  </div>  <div >    <label  for="exampleinputPassword2">Password</label>    <input type="password"  ID="exampleinputPassword2" placeholder="Password">  </div></form>

或者,您也可以使用use columns将表单元素放在一起：

<div >  <div >    <input type="text"  placeholder=".col-lg-2">  </div>  <div >    <input type="text"  placeholder=".col-lg-3">  </div>  <div >    <input type="text"  placeholder=".col-lg-4">  </div></div>

总结

以上是内存溢出为你收集整理的html – Bootstrap 3：同一行上的两个表单全部内容，希望文章能够帮你解决html – Bootstrap 3：同一行上的两个表单所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。