Bootstrap 4 将多选窗体控件与普通选择控件对齐

如何在引导框架内调整上述下拉列表（服务器和服务）？我曾尝试将自己的自定义css添加到页面中，但没有任何区别。我还尝试了类似style=“vertical align”的内联css

这是密码

                 <div class="form-row">
                    <div class="form-group col form-inline">
                        <label for="server" class="col-sm-2">Server</label>
                        <select th:field="*{subscriberSubscription.serverId}" id="server"
                                class="form-control col-sm-3">
                            <option value="">Select Server</option>
                            <option
                                    th:each="server : ${servers}"
                                    th:value="${server.id}"
                                    th:text="${server.ipAddress} + ' ' + ${#strings.defaultString(server.name,'')}"
                                    th:title="${#strings.defaultString(server.operatingSystemInfo,'')}+'&#10;'+
                                    ${#strings.defaultString(server.processorInfo,'')}
                                    +'&#10;'+${#strings.defaultString(server.RAMInfo,'')}">
                            </option>
                        </select>
                        <label for="service" class="col-sm-2">Service(s)</label>
                        <select th:field="*{subscriberSubscription.serviceIds}" id="service"
                                class="form-control col-sm-3" multiple>
                            <option
                                    th:each="service : ${services}"
                                    th:value="${service.id}"
                                    th:text="${service.displayName == null} ? ${service.name} :
                                     ${service.displayName}">
                            </option>
                        </select>
                    </div>
                </div>

服务器
选择服务器
服务

你好，世界！
服务器
选择服务器
服务

align是什么意思？您想从相同的上边距/填充开始吗？@Deepak是的，我希望顶部对齐。您使用引导吗？@Deepak是的，我将下拉列表与您的更改对齐，但标签位于其顶部。我选择将元素添加到表中，而不是使用引导类，这很有帮助。非常感谢您的帮助。使用表格将使您的页面响应速度降低或没有响应