Problem with carousel

[Olga Maraeva]

Hi,
I am working on site http://shopogolick.16mb.com/ based on Rachel 
<https://github.com/rachelbaker/bootstrapwp-Twitter-Bootstrap-for-WordPress/tree/1-WIP>Baker's
 
theme 
https://github.com/rachelbaker/bootstrapwp-Twitter-Bootstrap-for-WordPress/tree/1-WIP
and when i put carousel slider something wrong happened. At the end of 
slider pic disappeared at all and the first slide goes from small size to 
normal size. 
I put at the main page:
<div class="container-fluid">
  <div class="row-fluid">

<div class="span8">

<div id="myCarousel" class="carousel slide">
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item"><img 
src="http://bootstrapwp.rachelbaker.me/wp-content/themes/bootstrapwp/img/bootstrap-mdo-sfmoma-01.jpg";
 
alt=""></div>
    <div class="item"><img 
src="http://bootstrapwp.rachelbaker.me/wp-content/themes/bootstrapwp/img/bootstrap-mdo-sfmoma-02.jpg";
 
alt=""></div>
    <div class="item"><img 
src="http://bootstrapwp.rachelbaker.me/wp-content/themes/bootstrapwp/img/bootstrap-mdo-sfmoma-03.jpg";
 
alt=""></div>
    <div class="item"><img 
src="http://bootstrapwp.rachelbaker.me/wp-content/themes/bootstrapwp/img/bootstrap-mdo-sfmoma-02.jpg";
 
alt=""></div>
    <div class="item"><img 
src="http://bootstrapwp.rachelbaker.me/wp-content/themes/bootstrapwp/img/bootstrap-mdo-sfmoma-03.jpg";
 
alt=""></div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" 
data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" 
data-slide="next">&rsaquo;</a>
</div>


    </div>

  </div>
</div>

What i need to change in my slider to make it loop like this 
http://bootstrapwp.rachelbaker.me/javascript-guide/

THanks in advance!