Here one solution of problem http://community.bootstraptor.com/post/239656/carousel-multi-items-mobile-solution
<https://lh6.googleusercontent.com/-FMsVwkB19Cg/UcIJ9bHqmnI/AAAAAAAAAM8/kt2gyLwrD9w/s1600/bootstrap-carolusel-multi-items.jpg> On Saturday, June 8, 2013 12:31:33 AM UTC+4, Dan Vega wrote: > > I am working on a featured products slider and I am having a little bit of > an issue. This is the code I am using for the slider. > > <div class="row-fluid"> > > <div id="homeFeaturedSlider" class="span12 product-slider carousel slide" > data-interval="3000"> > <h4> > Featured Products > <span class="pull-right"><a class="left button" href="#homeFeaturedSlider" > data-slide="prev"></a><a class="right button" href="#homeFeaturedSlider" > data-slide="next"></a></span> > </h4> > <hr> > <ul class="thumbnails carousel-inner"> > <div class="row-fluid"> > <li data-target="#homeFeaturedSlider" class="span3" align="center"> > <a href="#" class="sliderImage"><img > src="/default/assets/Image/KOL-AK4-4_150w_150h.jpg" height="150" > width="150"></a> > <a href="#" class="pname">Complete 4 Gauge 4 Channel Amplifier > Installation Kit</a> > </li> > <li data-target="#homeFeaturedSlider" class="span3" align="center"> > <a href="#" class="sliderImage"><img > src="/default/assets/Image/KOL-AK4-4_150w_150h.jpg" height="150" > width="150"></a> > <a href="#" class="pname">Complete 4 Gauge 4 Channel Amplifier > Installation Kit</a> > </li> > <li data-target="#homeFeaturedSlider" class="span3" align="center"> > <a href="#" class="sliderImage"><img > src="/default/assets/Image/KOL-AK4-4_150w_150h.jpg" height="150" > width="150"></a> > <a href="#" class="pname">Complete 4 Gauge 4 Channel Amplifier > Installation Kit</a> > </li> > <li data-target="#homeFeaturedSlider" class="span3" align="center"> > <a href="#" class="sliderImage"><img > src="/default/assets/Image/KOL-AK4-4_150w_150h.jpg" height="150" > width="150"></a> > <a href="#" class="pname">Complete 4 Gauge 4 Channel Amplifier > Installation Kit</a> > </li> > </div> > <div class="row-fluid"> > <li data-target="#homeFeaturedSlider" class="span3" align="center"> > <a href="#" class="sliderImage"><img > src="/default/assets/Image/KOL-AK4-4_150w_150h.jpg" height="150" > width="150"></a> > <a href="#" class="pname">Complete 4 Gauge 4 Channel Amplifier > Installation Kit</a> > </li> > <li data-target="#homeFeaturedSlider" class="span3" align="center"> > <a href="#" class="sliderImage"><img > src="/default/assets/Image/KOL-AK4-4_150w_150h.jpg" height="150" > width="150"></a> > <a href="#" class="pname">Complete 4 Gauge 4 Channel Amplifier > Installation Kit</a> > </li> > </div> > </ul> > </div> > </div> > > As you can tell from the screen shot the 2nd row of products is showing > up. I basically want to use each row as the slide element so I would > basically slide through 4 products at a time. When I run my code the 2nd > row is visible and I see the following error in my console. > > Uncaught TypeError: Cannot read property 'offsetWidth' of undefined > > -- 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.
