Question

我想如何右对齐SelectBoxIt下拉列表旁边的控件标签，与＆＃34;处理日期来自＆＃34;标签会相应地推动SelectBoxIt控件。

＆＃34;处理日期来自＆＃34; label位于第1列，SelectBoxIt下拉列表旁边的控件标签也是如此，但它们没有像＆＃34; Process Date From＆＃34;那样正确对齐。标签。

我已经尝试了几个bootstrap课程，但是无法将它拖到工作中......

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

HTML

位置：保修经理保修管理员 MFR代码/ Dsc：用户：全选 JM_WhyManager_1 发送过程状态：全选成功发送未成功发送处理日期自：至：

enter image description here

Answer 1

经过深入了解后，我从传统的水平表格系统布局中脱离了自己的沮丧......

我通过添加＆＃34; col-sm-2＆＃34;来纠正这个问题。选择框的标签控件上的类，并将其从包含标签＆amp;选择框控件。

我还将selectboxit控件包装在div中并放入＆＃34; col-sm-2＆＃34;上课。

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

下面是我的代码，下面是更新的屏幕截图。

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>

enter image description here

右对齐SelectBoxIt控件以水平形式

HTML

1 个答案:

HTML