Bootstrap Carousel

[alex.kv]

Добрый день! Прошу прощения есть обратился не в ту ветку.
Нужно сделать адаптивный слайдер с помощью bootstrap 3. До этого мне еще не приходилось сталкиваться с bootstrap. 
Покурив немного литературку мне удалось сделать самый простой слайдер, 

<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>            <li data-target="#myCarousel" data-slide-to="3"></li>                   </ol>         <div class="carousel-inner">             <div class="item active">                <img src="img/img_1.jpg" alt="" class="img-responsive">                <div class="carousel-caption">                    <h3>IMG_1</h3>                </div>            </div>               <div class="item">                <img src="img/img_2.jpg" alt="" class="img-responsive">                <div class="carousel-caption">                    <h3>IMG_2</h3>                </div>            </div>               <div class="item">                <img src="img/img_3.jpg" alt="" class="img-responsive">                <div class="carousel-caption">                    <h3>IMG_3</h3>                </div>            </div>               <div class="item">                <img src="img/img_4.jpg" alt="" class="img-responsive">                <div class="carousel-caption">                    <h3>IMG_4</h3>                </div>            </div>        </div>         <a class="carousel-control left" href="#myCarousel" data-slide="prev">            <span class="glyphicon glyphicon-chevron-left"></span>        </a>         <a class="carousel-control right" href="#myCarousel" data-slide="next">            <span class="glyphicon glyphicon-chevron-right"></span>        </a>    </div>

но этого не достаточно!
Слайдер, который должен сделать я, должен выглядеть следующим образом:

http://i61.fastpic.ru/big/2014/0617/f6/3ae2c8a8bebc6cf35caf9c463a060ef6.png (прошу прошения что так вот разместил изображение, просто видимо на этом форуме нельзя прикреплять свои изображения)

Так вот может быть кто-нибудь направит меня меня. Как мне сделать индикаторы переключения под слайдером? Как разместить блоки внутри слайдера? кто знает хороший ресурс?

 

 

 

[klierik]

http://jsfiddle.net/klierik/akrhF/1/

[alex.kv]

Спасибо!!! Вы мне очень помогли

Очень важно чтобы стрелки переключения были под слайдером! Может и как это сделать подскажите?

[klierik]

ковыряй стили бутстрапа или перепиши их поверх в отдельном файле.

[virtas]

Не подскажите как сделать плавный переход затухание  в стандартной карусели !