我怎样才能用引导的形式，水平对齐时，表单元素？(How can I align form eleme

我有一个对齐下拉列表中选择与引导按钮的问题。 这里有一个画面：

下面的代码，或多或少：

<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>

我怎样才能获得地图按钮与选择下拉排队？

Answer 1:

它是好，如果你改变你的标记？ 如果是的话那就试试这个。

Bootply

<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>

Answer 2:

我想通了。 问题是，我有一些通用的代码，输出选择文本框上方可能的形式错误的无序列表。 问题是，如果没有错误，代码来创建仍然会产生无序列表，但该列表将是空的。 这将甩开距离。

请参阅该代码为一个具体的例子。

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

感谢大家的帮助！

文章来源: How can I align form elements when using Bootstrap's form-horizontal?