Потому что сверстали черт знает как! надо переделывать все и еще поменять местами стили

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" />

с начало подключить bootstrap а уж потом свои стили

<link rel="stylesheet" href="css/style.css" type="text/css" />

И еще сами блоки сделаны неправильно !

Попробуй так! это поможет исправить слайдер на красном фоне диван....

.item {
    height: 50%;
    width: 100%;
}

С помощью javaScript

Покажи код своего слайдера.
Либо попробуй вложить слайдер в контейнер флуид.

<div class="container-fluid">
    <!-- Тут код слайдера -->
   </div>