Node.js 转盘滑块正在创建更多列，而不是一列

如何使旋转木马只有一列包含所有程序的列表，而不是按对象的数量来制作列。“下一步”按钮不再显示

我的HTML

  <section class="event spad">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="section-title">
           <h2>Upcoming Events</h2>
          </div>
         </div>
        </div>

     <div class="row"></div>
       <% programs.forEach(program=> { %>
         <div class="event__slider owl-carousel">
          <div class="col-lg-4">
            <div class="event__item">
             <div class="event__item__pic set-bg" data-setbg="/images/carousel-3.jpg">
             <div class="tag-date">
               <span>Dec 15, 2019</span>
             </div>
            </div>
              <div class="event__item__text">
               <h4>David Guetta Miami Ultra</h4>
               <p><i class="fa fa-map-marker"></i> Funkhaus Berlin, Berlin, Germany</p>
             </div>
            </div>
           </div> 
         </div>
        <% });%>
      </div>
    </div>
   </section>

我有这个问题，因为我正在迭代所有的程序。 但是如果我像这样添加

HTML

作为一个静态文件，它会工作得很好

<section class="event spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>Upcoming Events</h2>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="event__slider owl-carousel">
                <div class="col-lg-4">
                    <div class="event__item">
                        <div class="event__item__pic set-bg" data-setbg="img/events/event-1.jpg">
                            <div class="tag-date">
                                <span>Dec 15, 2019</span>
                            </div>
                        </div>
                        <div class="event__item__text">
                            <h4>David Guetta Miami Ultra</h4>
                            <p><i class="fa fa-map-marker"></i> Funkhaus Berlin, Berlin, Germany</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="event__item">
                        <div class="event__item__pic set-bg" data-setbg="img/events/event-2.jpg">
                            <div class="tag-date">
                                <span>Dec 15, 2019</span>
                            </div>
                        </div>
                        <div class="event__item__text">
                            <h4>David Guetta Miami Ultra</h4>
                            <p><i class="fa fa-map-marker"></i> Funkhaus Berlin, Berlin, Germany</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="event__item">
                        <div class="event__item__pic set-bg" data-setbg="img/events/event-3.jpg">
                            <div class="tag-date">
                                <span>Dec 15, 2019</span>
                            </div>
                        </div>
                        <div class="event__item__text">
                            <h4>David Guetta Miami Ultra</h4>
                            <p><i class="fa fa-map-marker"></i> Funkhaus Berlin, Berlin, Germany</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="event__item">
                        <div class="event__item__pic set-bg" data-setbg="img/events/event-2.jpg">
                            <div class="tag-date">
                                <span>Dec 15, 2019</span>
                            </div>
                        </div>
                        <div class="event__item__text">
                            <h4>David Guetta Miami Ultra</h4>
                            <p><i class="fa fa-map-marker"></i> Funkhaus Berlin, Berlin, Germany</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

即将举行的活动
2019年12月15日
大卫·盖塔迈阿密超级酒店
柏林，柏林，德国

2019年12月15日
大卫·盖塔迈阿密超级酒店
柏林，柏林，德国

2019年12月15日
大卫·盖塔迈阿密超级酒店
柏林，柏林，德国

2019年12月15日
大卫·盖塔迈阿密超级酒店
柏林，柏林，德国

 .spad {
   padding-top: 100px;
   padding-bottom: 100px;
 }



  -----------------------*/

.event {
   padding-bottom: 60px;
}

.event .section-title {
  margin-bottom: 10px;
  position: relative;
}

.event .section-title:after {
  position: absolute;
  right: 46px;
  top: 25px;
  height: 2px;
  width: 775px;
  background: rgba(225, 225, 225, 0.3);
  content: "";
  z-index: -1;
}

.event__slider .col-lg-4 {
  max-width: 100%;
}

.event__slider.owl-carousel .owl-stage-outer {
  padding-top: 30px;
  padding-bottom: 40px;
}

.event__slider.owl-carousel .owl-nav {
  position: absolute;
  right: 15px;
  top: -50px;
}

.event__slider.owl-carousel .owl-nav button {
  font-size: 22px;
  color: #111111;
  opacity: 0.5;
  margin-right: 10px;
}

.event__slider.owl-carousel .owl-nav button:last-child {
  margin-right: 0;
}

.event__item {
  -webkit-box-shadow: 0px 3px 15px rgba(22, 41, 124, 0.1);
  box-shadow: 0px 3px 15px rgba(22, 41, 124, 0.1);
}

.event__item__pic {
  height: 360px;
  position: relative;
}

.event__item__pic .tag-date {
  position: absolute;
  left: 0;
  bottom: -21px;
  width: 100%;
  text-align: center;
}

.event__item__pic .tag-date span {
  font-size: 15px;
  color: #ffffff;
  display: inline-block;
  background: #5c00ce;
  padding: 12px 8px 9px 20px;
}

.event__item__text {
  text-align: center;
  padding: 45px 10px 25px;
}

.event__item__text h4 {
  font-size: 26px;
  font-weight: 700;
  color: #111111;
  margin-bottom: 10px;
}

.event__item__text p {
  color: #888888;
  margin-bottom: 0;
}

.event__item__text p i {
  color: #5c00ce;
  margin-right: 8px;
  font-size: 17px;
}

<section class="event spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>Upcoming Events</h2>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="event__slider owl-carousel">
                <div class="col-lg-4">
                    <div class="event__item">
                        <div class="event__item__pic set-bg" data-setbg="img/events/event-1.jpg">
                            <div class="tag-date">
                                <span>Dec 15, 2019</span>
                            </div>
                        </div>
                        <div class="event__item__text">
                            <h4>David Guetta Miami Ultra</h4>
                            <p><i class="fa fa-map-marker"></i> Funkhaus Berlin, Berlin, Germany</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="event__item">
                        <div class="event__item__pic set-bg" data-setbg="img/events/event-2.jpg">
                            <div class="tag-date">
                                <span>Dec 15, 2019</span>
                            </div>
                        </div>
                        <div class="event__item__text">
                            <h4>David Guetta Miami Ultra</h4>
                            <p><i class="fa fa-map-marker"></i> Funkhaus Berlin, Berlin, Germany</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="event__item">
                        <div class="event__item__pic set-bg" data-setbg="img/events/event-3.jpg">
                            <div class="tag-date">
                                <span>Dec 15, 2019</span>
                            </div>
                        </div>
                        <div class="event__item__text">
                            <h4>David Guetta Miami Ultra</h4>
                            <p><i class="fa fa-map-marker"></i> Funkhaus Berlin, Berlin, Germany</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="event__item">
                        <div class="event__item__pic set-bg" data-setbg="img/events/event-2.jpg">
                            <div class="tag-date">
                                <span>Dec 15, 2019</span>
                            </div>
                        </div>
                        <div class="event__item__text">
                            <h4>David Guetta Miami Ultra</h4>
                            <p><i class="fa fa-map-marker"></i> Funkhaus Berlin, Berlin, Germany</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>