Дмитрий

Стандартный код из гайда подразумевает подключение BS либо с внешки, либо из корня. Если конечно нет желания куски кода вытаскивать и шаманить под одну карусельку революцию в редакторе)

https://getbootstrap.com/docs/4.0/getting-started/...

<div class="slide">
                    <div class="col-md-5 img-container">

                    </div>

Первая из причин - закрыть забыли col-md-5 img-container

Вторая

<!--для md сетки выставляется 12 колонок и дальше перечисляется что из этих дочек и сколько занимает колонок-->
            <div class="col-md-12">
               <div class="col-md-5 img-container">
<!--Под слайдер пятак-->
                <div class="slide"></div>
                    </div>
<!--Закрыта часть блока с col-md-5-->
                    <div class="col-md-7 content">
                  <!--Под контент 7 выделяется-->
                         ...</div>
<!--Закрывается контейнер с указанием координат для md сетки-->

div id='kartochka' на class смените в html и ID селектор #kartochka на .kartochka . Одинаковые ID нельзя использовать на одной страничке. А поскольку речь зашла о карточке товаров, гимором будет присваивать именной ярлык каждой карточке (kartochka1, kartochka2 итд) .

<div id='kartochka'></br><img src='{$img_path}'width='150' height='90' >
<p class='Imya'>00000000 0000000000000 00000000000000
</p><p class='Text'>9999999999
</p>
</div>

<div id='kartochka'></br><img src='{$img_path}'width='150' height='90' >
<p class='Imya'>000000000000000000000000
</p><p class='Text'>9999999999 
</p>
</div>

<div id='kartochka'></br><img src='{$img_path}'width='150' height='90' >
<p class='Imya'>000000000000000000000000
</p><p class='Text'>9999999999 
</p>
</div>

<div id='kartochka'></br><img src='{$img_path}'width='150' height='90' >
<p class='Imya'>00000000 0000000000000 00000000000000
</p><p class='Text'>9999999999
</p>
</div>

Только потом можно будет в процентном соотношении оцентрировать содержимое блоков через padding классическим способом, без флексов и гридов.

Ну а вообще, вот
https://validator.w3.org/ валидатор HTML
jigsaw.w3.org/css-validator валидатор CSS