html - Bootstrap-如何在一行上水平对齐选择和文本框？

Question

我正在尝试对齐以将选择框和文本框水平对齐在一条线上。我尝试在 css 上使用内联，但它不起作用。

<div class="control-group span6">

<label for="trp_code">Transporter: </label>

<select class="form-control" name="trp_code" id="trp_code" title="Transporter" style="width: 350px;">

</select>



<label for="lrno">LR No: </label>

<input type="text" class="form-control" id="lrno" name ="lrno" size='10' style="width:100px;" onblur ="notempty(this.value)">

<label for="lrdate">LR Date: </label>

<input type="text" class="form-control"  name ="lrdate" id="lrdate" style="width:100px;" value="<?php echo date("Y-m-d"); ?>" class="calendar" title="LR Date">

</div></td>

Answer 1

您可以使用 Bootstrap Grid Systems 将 Select 和 TextBox 对齐在一行中。引用链接 https://www.w3schools.com/bootstrap/bootstrap_grid_system.asp