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">‹</a>
<a class="carousel-control right"
href="#this-carousel-id" data-slide="next">›</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.
