为什么我的轮播按钮之间没有 space?

why isn't there any space between my carousel buttons?

我不知道如何让按钮转到屏幕的另一边

我原本以为我的 div 可能有问题,但那似乎不是问题所在

它可能很简单,我只是在看,但感谢所有帮助。

<!--################## review section ###############-->
<section id="reviews" class="py-5">
  <div id="slider" class="carousel slide " data-ride="carousel">
    <div class="carousel-inner">
        <!-- carousel item -->
        <div class="carousel-item active">
          <div class="container">
            <div class="row">
              <div class="col-lg-10 mx-auto d-flex justify-content-between review-item py-3">
                <!-- image -->
                <div class="align-self-center ml-3">
                  <img src="img/customer1.jpg" alt="" class="rounded-circle review-img">
                </div>
                <!-- text -->
                <div class="review-text px-5">
                  <h2 class="text-capitalize mb-3 primary-color">customer name</h2>
                  <p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, commodi?</p>
                </div>
              </div>
            </div>
          </div>
        </div>

    </div>  



      <!-- carousel control -->
      <a href="#slider" class="carousel-control prev" role="button" data-slide="prev">
         <span class="carousel-control-prev-icon"></span>
      </a>

      <a href="#slider" class="carousel-control next" role="button" data-slide="next">
         <span class="carousel-control-next-icon"></span>
      </a>

    </div>
</section>


<!--################## end of review section ###############-->

i just want the buttons to be on the opposite side of the page

只是一个错字,根据文档 carousel-control-prev 而不是 carousel-control prev

  <a href="#slider" class="carousel-control-prev" role="button" data-slide="prev">
     <span class="carousel-control-prev-icon"></span>
  </a>

  <a href="#slider" class="carousel-control-next" role="button" data-slide="next">
     <span class="carousel-control-next-icon"></span>
  </a>