Как мне реструктурировать следующую разметку, чтобы входы второй строки были встроены с меткой времени между ними? Я думал, что смогу использовать "form-inline" в div, но, похоже, не применяет правильный стиль.
<div class="well">
<form role="form">
<div class="row">
<fieldset>
<div class="form-group">
<div class="col-md-12">
<label for="address">To take me to</label>
<input type="text" name="address" id="address" class="form-control" placeholder="Enter a location" required>
</div>
</div>
</fieldset>
</div>
<div class="row">
<fieldset>
<div class="form-group">
<div class="col-md-12">
<label for="date">Date & Time</label>
<input type="text" name="date" id="date" placeholder="Enter a date" class="form-control" required>
<label for="time">@</label>
<input type="text" name="time" id="time" placeholder="Enter a time" class="form-control" required>
</div>
</div>
</fieldset>
</div>
</form>
</div>
Я хочу, чтобы в итоге
Take me to <Address> Date & Time <Date> @ <Time>
Но таким образом, чтобы входные данные date @time row расширялись и реагировали быстро. Было бы неплохо, если бы они также действовали как col-md-n, так что на меньших экранах я получаю
Take me to <Address> Date & Time <Date> @ <Time>