Html 引导-如何在一行上水平对齐选择框和文本框？

我正在尝试对齐，将选择框和文本框水平对齐一行。我尝试在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>

---

您可以使用引导网格系统在一行中对齐Select和TextBox。 请参阅链接

，以了解您可以使用引导内联表单。有关详细信息，请参见此代码：

<div class="control-group span6 container row">
    <div class="form-group">

        <div class="col-md-4">
            <label for="trp_code" class="control-label">Transporter: </label>
            <select class="form-control" name="trp_code" id="trp_code" title="Transporter" style="width: 350px;"></select>
        </div>
        <div class="col-md-3">
            <label for="lrno" class="control-label">LR No: </label>
            <input type="text" class="form-control" id="lrno" name="lrno" size='10' style="width:100px;" onblur="notempty(this.value)">
        </div>
        <div class="col-md-2">
            <label for="lrdate" class="control-label">LR Date: </label>
            <input type="text" class="form-control" name="lrdate" id="lrdate" style="width:100px;" value="">
        </div>
    </div>
</div>

您可以处理此..

请参阅此