The carousel may not conform with the grid system you have used. The
problem may not be due to the code of the carousel itself.
On Jul 13, 2013 3:08 AM, "Amanda Butcher" <[email protected]> wrote:

> Hi Guys,
>
> I'm using Bootstrap v2.0.4 and have included bootstrap-responsive.min.css
> file. The website was responding fine, but after including the carousel
> nothing is responsive...including other images. Thoughts?
>
>         <div class="row-fluid">
>             <div class="span12">
>                 <!--  Carousel - consult the Twitter Bootstrap docs at
>
> http://twitter.github.com/bootstrap/javascript.html#carousel -->
>                 <div id="this-carousel-id" class="carousel slide"><!--
> class of slide for animation -->
>                   <div class="carousel-inner">
>                     <div class="item active"><!-- class of active since
> it's the first item -->
>                       <img src="images/img1.jpg" alt="espresso pouring
> over affogato" />
>                       <div class="carousel-caption">
>                         <p>Caption text here</p>
>                       </div>
>                     </div>
>                     <div class="item">
>                       <img src="images/img2.jpg" alt="affogato" />
>                       <div class="carousel-caption">
>                         <p>Caption text here</p>
>                       </div>
>                     </div>
>                     <div class="item">
>                       <img src="images/img3.jpg" alt="sweetcups tshirt" />
>                       <div class="carousel-caption">
>                         <p>Caption text here</p>
>                       </div>
>                     </div>
>                     <div class="item">
>                       <img src="images/img4.jpg" alt="gelato display" />
>                       <div class="carousel-caption">
>                         <p>Caption text here</p>
>                     </div>
>                     </div>
>                     <div class="item">
>                       <img src="images/img5.jpg" alt="gelato dish" />
>                       <div class="carousel-caption">
>                         <p>Caption text here</p>
>                       </div>
>                     </div>
>                   </div><!-- /.carousel-inner -->
>                   <!--  Next and Previous controls below
>                         href values must reference the id for this
> carousel -->
>                     <a class="carousel-control left"
> href="#this-carousel-id" data-slide="prev">&lsaquo;</a>
>                     <a class="carousel-control right"
> href="#this-carousel-id" data-slide="next">&rsaquo;</a>
>                 </div><!-- /.carousel -->
>             </div>
>         </div>
>
> Greatly appreciate your help,
> Amanda
>
> --
> You received this message because you are subscribed to the Google Groups
> "twitter-bootstrap" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> For more options, visit https://groups.google.com/groups/opt_out.
>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.


Reply via email to