Html “更改”按钮&书信电报；a>&引用；引导4中的元素

我正在尝试在我的引导菜单中添加注销选项。添加后，将创建一个非常不均匀的按钮（如下图所示）

如何添加下面的注销表单，以便您不创建这样的按钮

<form method="post" action="{% url 'account_logout' %}">
  {% csrf_token %}
  {% if redirect_field_value %}
  <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"/>
  {% endif %}
  <button type="submit">{% trans 'Sign Out' %}</button>
</form>

{%csrf_令牌%}
{%if重定向\字段\值%}
{%endif%}
{%trans'注销“%”

我的模板.html

        <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
          <h6 class="dropdown-header">Menu użytkownika</h6>
          <a class="dropdown-item" href="#">
            <i class="fas fa-user"></i>Ustawienia konta
          </a>
          <a class="dropdown-item" href="#">
            <span class="float-right badge badge-primary">4</span>
            <i class="fas fa-car"></i>Ogłoszenia
          </a>
          <a class="dropdown-item" href="#">
            <span class="float-right badge badge-warning">2</span>
            <i class="far fa-times-circle"></i>Zakończone
          </a>

          <!-- I try change this element on my hidden log out form-->
          <div class="dropdown-divider" role="presentation"></div>
          <a class="dropdown-item" href="#">
            <i class="fas fa-sign-out-alt">Log out</i>
          </a>

        </div>

użytkownika菜单

期望值（无灰色背景）

---

要使按钮看起来像上一个屏幕截图，您需要调整

背景

和

边框

属性。更具体地说，您将希望消除这两种情况，您可以使用此CSS：

NB:您将希望使此CSS更特定于该按钮，例如，使用类。如果按原样输入，它将应用于所有按钮

按钮{
背景：透明；
边界：0；
}

---

这应该给你留下按钮的可点击区域，但它会让你看得很清楚，所以用户只会看到按钮中的文本和图标。

要使按钮看起来像你最后的屏幕截图，你需要调整

背景和
边框属性。更具体地说，您将希望消除这两种情况，您可以使用此CSS：

NB:您将希望使此CSS更特定于该按钮，例如，使用类。如果按原样输入，它将应用于所有按钮

按钮{
背景：透明；
边界：0；
}

这应该给你留下按钮的可点击区域，但它会让你看得很清楚，所以用户只会看到按钮中的文本和图标。
你可以在你的按钮上使用.btn primary outline作为一个类。
你可以在你的按钮上使用.btn primary outline作为一个类。
它解决了我的问题

<form method="post" action="{% url 'account_logout' %}">
    {% csrf_token %}
    {% if redirect_field_value %}
    <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"/>
    {% endif %}
    <button type="submit" class="dropdown-item">
      <i class="fas fa-sign-out-alt"></i>Wyloguj się
    </button>
  </form>


{%csrf_令牌%}
{%if重定向\字段\值%}
{%endif%}
威洛古吉·西ę
它解决了我的问题

<form method="post" action="{% url 'account_logout' %}">
    {% csrf_token %}
    {% if redirect_field_value %}
    <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"/>
    {% endif %}
    <button type="submit" class="dropdown-item">
      <i class="fas fa-sign-out-alt"></i>Wyloguj się
    </button>
  </form>


{%csrf_令牌%}
{%if重定向\字段\值%}
{%endif%}
威洛古吉·西ę
一个好的、均匀的按钮对您来说是什么样子的？我在上面添加了期望值。一个好的、均匀的按钮对您来说是什么样子的？我在上面添加了期望值。