轮播按钮在 Django 模板中可见

如何解决轮播按钮在 Django 模板中可见

我在一个帖子中有多个图像，并且能够将它们放在引导程序 4 轮播中。现在我的问题是两边的按钮，因为它非常明显。

模板：

{% extends 'appOne/base.html' %}
{% load static %}
    {%block content%}
    {% for post in content %}
    <div class="container">
    <div id="carouselExampleControlsNoTouching" class="carousel slide" data-bs-touch="false" data-bs-interval="false">
      <div class="carousel-inner">
        {% for image in post.images_set.all %}
        <div class="carousel-item{% if forloop.first %} active{% endif %}">
          <img src="{{image.image.url}}" class="d-block w-100" style="height:700px"alt="...">
        </div>
        {% endfor %} 
      </div>
      <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControlsNoTouching" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">PrevIoUs</span>
      </button>
      <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControlsNoTouching" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>
      {% endfor %}
    </div>
  </div>
    {% endblock %}  

这是转盘的确切视图。我没有更改按钮上的任何内容。