Css 将引导选择器框窗体移动到页面左侧对齐

我使用的是引导cdn，下面的表单创建了一个下拉框。奇怪的是，图例标记正确地与页面左侧对齐，但是选择器框在页面上有点向中间缩进。如何移动选择器框使其与页面左侧对齐，使其与图例标记对齐

<form class="form-horizontal" action="{{ url_for('db_selected') }}" name="Item_1" method="POST">
    <fieldset>
    <legend>Select a Database</legend>
    <div class="form-group">
    <label for="select" class="col-lg-2 control-label">Database:</label>
    <select id="DB" class="form-control" name="Item_4" style="width: 70%" >
        <option></option>
        {% for item in coll_name %}
            <option value="{{item}}">{{item}}</option>
        {% endfor %}
    </select>
    <br>
</div>
<div class="form-group">
  <div class="col-sm-10 col-lg-offset-2">
    <button type="submit" class="btn btn-success">Submit</button>
  </div>
</div>
</fieldset>
</form>

选择一个数据库
数据库：
{coll_name%}中的项为%
{{item}}
{%endfor%}


提交

我添加了您的代码输出示例。因此，请检查更新后的

DOM

并添加了一些

css

选择#DB{
显示：内联块；
}
.控制标签{
文本对齐：左对齐；
显示：内联块；
}

选择一个数据库
数据库：
项目
项目
项目


提交

检查此项以获得替代解决方案非常感谢。这肯定会将选择器框向左移动。但最后一件事。如何才能使带有文本“Database”的标签标记和选择器框不在不同的行上？目前，它在不同的行上显示这些内容。如果这都在同一行就好了。谢谢，只需添加

display:inline块到
标签
。您还可以检查更新的答案。