html – 如何并排放置两个输入字段

概述我一直试图将两个输入字段并排放置一段时间,而且我无法让它们真正进入内联.这是我的 HTML： <div class="container"> <div class="form-group name1 col-md-6"> <label for="exampleInputEmail1" class="formText">FIRST NAME:*</label> 我一直试图将两个输入字段并排放置一段时间,而且我无法让它们真正进入内联.这是我的 HTML：

<div >    <div >        <label for="exampleinputEmail1" >FirsT name:*</label>        <input type="text"  ID="name" aria-describedby="emailHelp" name="muvername">    </div>    <div >        <label for="exampleinputEmail1" >LAST name:*</label>        <input type="text"  ID="name" aria-describedby="emailHelp" name="muverPhone">    </div></div>

我也试图利用bootstrap,但我不能为我的生活让它们并排排列.这是相应的CSS：

.name1 {    float: left;}   .name2 {    float: right;}#name {    wIDth: 223.67px;    height: 40.25px;}.form-group {    margin-left: 5%;    margin-right: 5%;}.containerr {    display: inline-block;}

这是我的输出：

什么是将它们并排放置的最佳方式？

解决方法 bootstrap应该为你做这件事.看起来你错过了< div class =“row”>你的专栏周围：

<div >    <div >        <div >            <label for="exampleinputEmail1" >FirsT name:*</label>            <input type="text"  ID="name" aria-describedby="emailHelp" name="muvername">        </div>        <div >            <label for="exampleinputEmail1## heading ##" >LAST name:*</label>            <input type="text"  ID="name" aria-describedby="emailHelp" name="muverPhone">        </div>    </div></div>

总结

以上是内存溢出为你收集整理的html – 如何并排放置两个输入字段全部内容，希望文章能够帮你解决html – 如何并排放置两个输入字段所遇到的程序开发问题。

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