以水平形式向右对齐SelectBoxIt控件

Question

我想知道如何正确地对齐SelectBoxIt下拉列表旁边的控件标签，以对应于"Process Date From“标签，这将相应地推动SelectBoxIt控件的通过。

与SelectBoxIt下拉列表旁边的控件标签一样，"Process“标签在第1列中，但它们不像"Process”标签那样对齐。

我试过几个引导类，但没能完成两项工作.

这是我的代码，下面是图像：

HTML

                                                                                                                                                                                     Position:                                                                                                                                      Warranty Manager                                                                     Warranty Admin                                                                                                                                                                                           MFR Code/Dsc:                                                                                                                                                                                                                                                                                                                                                                                                                                           User:                                                                                                                                      Select All                                                                     JM\_WhyManager\_1                                                                                                                                                                                                                                                            Sent Proc Status:                                                                                                                                      Select All                                                                     Successfully Sent                                                                     Unsuccessfully Sent                                                                                                                                                                                                                                                                                                             Process Date From:                                                                                                                          To:                                                                                                                                                                             

​

​

Answer 1

在深入了解之后，我摆脱了传统的水平形式的网格系统布局，我自己感到沮丧.

我在选择框的label控件上添加了“class 2”类，并将其从包含label & selectbox控件的外部div中删除。

我还将selectboxit控件封装在div中，并将“class 2”类放在其中。

以上所有内容都更正了错误。

下面是我的代码，下面是更新的屏幕快照。

HTML

<div class="container nopadding">
                                                    <div class="form-group">
                                                        <div class="control-group">
                                                            <label class="control-label col-sm-2" for="ddlAppealTransmissionLogPosition">Position:</label>
                                                            <div class="col-sm-2">
                                                                <select id="ddlAppealTransmissionLogPosition" class="form-control">
                                                                    <option value="Warranty Manager" selected>Warranty Manager</option>
                                                                    <option value="Warranty Admin">Warranty Admin</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <label class="col-sm-2 control-label" for="txtAppealTransmissionLogPositionManufacturerCode">MFR Code/Dsc:</label>
                                                        <div class="col-sm-2">
                                                            <input type="text" class="form-control" id="txtAppealTransmissionLogPositionManufacturerCode" placeholder="Enter Manufacturer">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="control-group">
                                                            <label class="control-label col-sm-2" for="ddlAppealTransmissionLogUser">User:</label>
                                                            <div class="col-sm-2">
                                                                <select id="ddlAppealTransmissionLogUser">
                                                                    <option value="Select All" selected>Select All</option>
                                                                    <option value="JM_WhyManager_1">JM_WhyManager_1</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="control-group">
                                                            <label class="control-label col-sm-2" for="ddlAppealTransmissionLogSentProcessStatus">Sent Proc Status:</label>
                                                            <div class="col-sm-2">
                                                                <select id="ddlAppealTransmissionLogSentProcessStatus">
                                                                    <option value="Select All" selected>Select All</option>
                                                                    <option value="Successfully Sent">Successfully Sent</option>
                                                                    <option value="Unsuccessfully Sent">Unsuccessfully Sent</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label col-sm-2" for="dteAppealTransmissionLogRequestedFromDate">Process Date From:</label>
                                                        <input class="col-sm-2" id="dteAppealTransmissionLogRequestedFromDate" placeholder="From Date" type="text" />
                                                        <span class="label label-default">To:</span>
                                                        <input class="" id="dteAppealTransmissionLogRequestedToDate" placeholder="To Date" type="text" />
                                                    </div>
                                                </div>

​

​