Я пытаюсь разместить два поля ввода бок о бок на какое-то время, и я не могу заставить их фактически встать в очередь. Вот мой HTML:Как разместить две поля ввода бок о бок
<div class="container">
<div class="form-group name1 col-md-6">
<label for="exampleInputEmail1" class="formText">FIRST NAME:*</label>
<input type="text" class="form-control" id="name" aria-describedby="emailHelp" name="muverName">
</div>
<div class="form-group name2 col-md-6">
<label for="exampleInputEmail1" class="formText">LAST NAME:*</label>
<input type="text" class="form-control" 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;
}
Это мой выход:
Что лучший способ поставить их бок о бок?
Ах, спасибо! Я соглашусь, когда SO позволит мне. – mur7ay