Javascript 使用引导时如何对齐表单元素'；s形水平？

我遇到了一个问题，将选择下拉列表和按钮与引导对齐。这是一张照片：

以下是代码，或多或少：

<form class="form-horizontal" action="." method="GET" role="form">
    <div class="form-group">
        <label class="col-lg-4 control-label" for="id_location">Location</label>
        <div class="col-lg-6">
            {% render_field form.location class='form-control' data-size='10' %}
        </div>
        <div class="col-lg-2">
            <button class="btn btn-default" type="button" data-toggle="modal" data-target="#map_modal">Map</button>
        </div>
    </div>
</form>

位置
{%render_字段form.location class='form-control'数据大小='10'%}
地图

---

如何使“地图”按钮与“选择”下拉列表对齐？

如果更改标记可以吗？如果是，那么试试这个

<form class="form-inline" role="form">
  <div class="form-group">
    <label class="control" >Location</label>
    <select class="form-control">
      <option>Option 1</option>
    </select>
  </div>
  <button class="btn btn-default">Map</button>
</form>

位置
选择1
地图

更改标记可以吗？如果是，那么试试这个

<form class="form-inline" role="form">
  <div class="form-group">
    <label class="control" >Location</label>
    <select class="form-control">
      <option>Option 1</option>
    </select>
  </div>
  <button class="btn btn-default">Map</button>
</form>

位置
选择1
地图

我刚想出来。问题是，我有一些通用代码，在选择文本框上方输出一个无序的可能表单错误列表。问题是，如果没有错误，创建无序列表的代码仍将生成，但列表将为空。这会偏离间距

有关具体示例，请参见

我所要做的就是在创建无序列表之前先检查是否有错误。因此，除非有错误，否则无序列表不会出现

---

谢谢大家的帮助

我刚想出来。问题是，我有一些通用代码，在选择文本框上方输出一个无序的可能表单错误列表。问题是，如果没有错误，创建无序列表的代码仍将生成，但列表将为空。这会偏离间距

有关具体示例，请参见

我所要做的就是在创建无序列表之前先检查是否有错误。因此，除非有错误，否则无序列表不会出现

---

谢谢大家的帮助

似乎可以使用基本的BS CSS（）。您可能会检查是否有边距应用于某个元素或容器。似乎可以使用基本的BS CSS（）。你可以检查一下你的一个元素或容器是否有空白。这是一个很好的建议，但我最终还是弄明白了。由于我犯了一个小错误，间隔被取消了。这是一个很好的建议，但我最终还是弄明白了。由于我犯了一个小错误，间隔被取消了。