Не работает слайдер bootstrap

Ребята, пыталась адаптировать слайдер bootstrap 4 на свой проект, но увы не работает вообще. когда подключаю библиотеку jQuery, то сбивает мне все шрифты. подскажи где ошибка и почему так?

        <div class="col-12">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                     <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                </ol>
         <div class="carousel-inner">
            <div class="slider active">
                <div class="slider__foto">
                    <img src="img/w.png">
                </div>
                <div class="slider__text">
                    <div class="slider__text-img">
                        <img src="img/slider.png">
                    </div>
                    <p>Deployment</p>
                    <img src="img/sing.png">
                    <h5>Melina Albrecht</h5>
                    <h6>Founder, TingTong</h6>
                </div>
            </div>
            <div class="slider">
                <div class="slider__foto">
                    <img src="img/w.png">
                </div>
                <div class="slider__text">
                    <div class="slider__text-img">
                        <img src="img/slider.png">
                    </div>
                    <p>Deployment</p>
                    <img src="img/sing.png">
                    <h5>Melina Albrecht</h5>
                    <h6>Founder, TingTong</h6>
                </div>
            </div>
            <div class="slider">
                <div class="slider__foto">
                    <img src="img/w.png">
                </div>
                <div class="slider__text">
                    <div class="slider__text-img">
                        <img src="img/slider.png">
                    </div>
                    <p>Deployment</p>
                    <img src="img/sing.png">
                    <h5>Melina Albrecht</h5>
                    <h6>Founder, TingTong</h6>
                </div>
            </div>
        </div>
     </div>
    </div>