Использование Boostrap 4. Карусель

[Снежа19]

Очень долго разбираюсь с этой проблемой, нужна помощь опытных. Я использую bootstrap 4 версии Alpha.

<div id="myCarousel" class="carousel slide ">
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner" role="listbox">
                        <div class="carousel-item active">
                            <img src="C://Users\Снежа\WebstormProjects\untitled13\src\img\man.jpg" alt="First slide">
                            <div class="carousel-caption">
                                <h1>АДАПТИВНАЯ ВЕРСТКА</h1>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img  src="C://Users\Снежа\WebstormProjects\untitled13\src\img\man2.jpg" alt="Second slide">
                        </div>
                        <div class="carousel-item">
                            <img  src="C://Users\Снежа\WebstormProjects\untitled13\src\img\man3.jpg" alt="Third slide">
                        </div>
                    </div>
                    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                        <span class="icon-prev" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                        <span class="icon-next" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>

$("#myCarousel").carousel({interval: 6000});

Проблема заключается в том, что у меня отображаются сразу три картинки, причем они расположены в столбик. При переходе на новый слайд, у меня, буквально на секунду, исчезает предыдущая картинка, но потом весь исходный список возвращается на место. Мне необходимо сделать так, чтобы один div заменял другой, причем в строке. Не могу понять, в чем проблема.
В качестве дополнительной информации: все лежит в контейнере .container в блоке <div class="row">.
Прием проблема заключается не только в карусели. В других случаях такая же проблема с расположением <div>, заменяющих друг друга.

Заранее спасибо.