Bootstrap 4指示器在单击时不起作用

Question

我在应用程序上创建bootstrap 4轮播，但指标存在问题。单击任何图像都不会移动到其他图像。

<div class =" slider">
   <div id="#main" class="carousel slide" data-ride="carousel">
       <ol class="carousel-indicators">
           <li data-target="#main" data-slide-to="0" 
                 class="active</li>
           <li data-target="#main" data-slide-to="1"></li>
           <li data-target="#main" data-slide-to="2"></li>
      </ol>
    </div>
    <div class="carousel-inner">
      <div class="carousel-item active">
          <img class="d-block w-100" src=" 

          {%static'images/slider1.jpg'%}" alt="First slide">
      </div>
      <div class="carousel-item">
        <img class="d-block w-100" src="{% static 
        'images/download.jpeg'%}" alt="Second slide">
        </div>
      </div>
     </div>
   </div>
  </div>