我应如何重组以下标记,使第二行的输入与标签之间的时间标记在一起？我以为我可以在div上使用“form-inline”,但它似乎不适用于正确的样式.
<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>
我想要的是结束
06001
但是,通过这样的方式,可以使日期@时间行的输入扩展和响应.如果他们也像一个混合体一样行事,那么在较小的屏幕上我最终会如此
06002
解决方法
你认为你可以使用form-inline是正确的
你想要这样的东西：
<div class="row form-inline">
<fieldset>
<div class="col-md-12">
<label for="date">Date & Time</label>
</div>
<div class="form-group">
<input type="text" required="" class="form-control" placeholder="Enter a date" id="date" name="date">
</div>
<div class="form-group">
<label for="time">@</label>
</div>
<div class="form-group">
<input type="text" required="" class="form-control" placeholder="Enter a time" id="time" name="time">
</div>
</fieldset>
</div>
