views carousel is not working

Hello,

I created views carousel slideshow block using the bootstrap theme. 

https://docs.google.com/document/d/1rOrdPHy_Ev8OPn7ue_pzgQ6CCrd66u4sx92s...

I can see the block but not the slideshow. 

I inspected the page in chrome and got this:

<section class="views-element-container contextual-region block block-views block-views-blocktest-slider-block-1 clearfix" id="block-views-block-test-slider-block-1">
  
      <h2 class="block-title">Test Slider</h2>


      <div class="form-group"><div class="contextual-region view view-test-slider view-id-test_slider view-display-id-block_1 js-view-dom-id-d7e4588791784aa921f76fe2d11d0761cd1470d6ab29879a94065b5e7b2b77ed">
  
    <div data-contextual-id="entity.view.edit_form:view=test_slider:location=block&amp;name=test_slider&amp;display_id=block_1&amp;langcode=en" data-contextual-token="dr6ZgpDx5AeIn-JHOD3BDNduBGXmJDzYWSLY7ac_dcE" class="contextual"><button class="trigger focusable visually-hidden" type="button" aria-pressed="false">Open  configuration options</button><ul class="contextual-links links" hidden=""><li class="entityviewedit-form"><a href="/admin/structure/views/view/test_slider/edit/block_1?destination=/node/191">Edit view</a></li></ul></div>
      
      <div class="view-content">
      
<div id="views-bootstrap-test-slider-block-1" class="carousel slide" data-interval="5000" data-ride="carousel" data-pause="hover">
      <ol class="carousel-indicators">
                          <li class="" data-target="#views-bootstrap-test-slider-block-1" data-slide-to="0"></li>
                          <li class="" data-target="#views-bootstrap-test-slider-block-1" data-slide-to="1"></li>
                          <li class="" data-target="#views-bootstrap-test-slider-block-1" data-slide-to="2"></li>
                          <li class="" data-target="#views-bootstrap-test-slider-block-1" data-slide-to="3"></li>
        </ol>
  
    <div class="carousel-inner">
                    <div class="carousel-item active">
        
                                <div class="carousel-caption d-none d-md-block">
                                        <h3><a href="/7910-richmond-hwy-0" hreflang="en">7910 Richmond Hwy</a></h3>
                                                </div>
                            </div>
                    <div class="carousel-item ">
        
                                <div class="carousel-caption d-none d-md-block">
                                        <h3><a href="/6754-richmond-hwy" hreflang="en">6754 Richmond Hwy</a></h3>
                                                </div>
                            </div>
                    <div class="carousel-item ">
        
                                <div class="carousel-caption d-none d-md-block">
                                        <h3><a href="/6303-richmond-hwy-0" hreflang="en">6303 Richmond Hwy</a></h3>
                                                </div>
                            </div>
                    <div class="carousel-item ">
        
                                <div class="carousel-caption d-none d-md-block">
                                        <h3><a href="/test-1" hreflang="en">test 1</a></h3>
                                                </div>
                            </div>
      </div>
        <a class="carousel-control-prev" href="#views-bootstrap-test-slider-block-1" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#views-bootstrap-test-slider-block-1" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
    </div>
  
          </div>
</div>

  </section>

Please advise!