html - Bootstrap 将元素对齐到按钮的左侧

Question

我要对齐

<div class="pull-right inside site-description ">
     {% include "menu/menu-lang.html" %}
</div>

在

的左边

 <a class="btn red_button" href="{% url 'user-login' %}">{% trans 'Log in' %}</a>

我该怎么做？

Answer 1

确保将代码放在 <a href... 之前并更改 pull-right至 pull-left :

<div class="pull-left inside site-description ">
   {% include "menu/menu-lang.html" %}
</div>

同时添加类 pull-right到 <a href...可能有效。最终，您的代码应如下所示:

<div class="pull-left inside site-description ">
   {% include "menu/menu-lang.html" %}
</div>
<a class="btn red_button pull-right" href="{% url 'user-login' %}">{% trans 'Log in' %}</a>