Solved

Need help with owl-carousel on Bootstrap

Posted on 2014-12-04
3
330 Views
Last Modified: 2014-12-04
Hi, looking at this test site: mostlydesserts.com/responsive/

The carousel at the top is good with the three images. I'd like to add a fourth,  but this doesn't work, how can I make that work, please?:

<!-- CAROUSEL -->
      <div id="carousel">  
        <div id="owl-demo" class="owl-carousel owl-theme">
            <div class="item">
              <img src="img/chocolate-cake2.jpg" alt="Chocolate Cake delivered">
              <div class="line">
                  <h2>tempting cakes... </h2>
              </div>
            </div>
            <div class="item">
              <img src="img/dutch-apple-pie2.jpg" alt="Dutch Apple Pie delivered">
              <div class="line">
                  <h2>phenomenal pies...</h2>
              </div>
            </div>
            <div class="item">
              <img src="img/tiramisu2.jpg" alt="Tiramisu Delivered">
              <div class="line">
                  <h2>puddings & such...</h2>
              </div>
                <div class="item">
              <img src="img/lemon-tarte2.jpg" alt="Lemon Tarte">
              <div class="line">
                  <h2>other delectables...</h2>
              </div>
            </div>
        </div>
      </div>
0
Comment
Question by:mel200
  • 2
3 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40481678
You should just need to add the fourth slide. There's no magic to it.
What happens when you do add it?
0
 

Author Comment

by:mel200
ID: 40481990
Darn, I missed a div when I did it before, I had:

<!-- CAROUSEL -->
      <div id="carousel">  
        <div id="owl-demo" class="owl-carousel owl-theme">
            <div class="item">
              <img src="img/chocolate-cake2.jpg" alt="Chocolate Cake delivered">
              <div class="line">
                  <h2>tempting cakes... </h2>
              </div>
            </div>
            <div class="item">
              <img src="img/dutch-apple-pie2.jpg" alt="Dutch Apple Pie delivered">
              <div class="line">
                  <h2>phenomenal pies...</h2>
              </div>
            </div>
            <div class="item">
              <img src="img/tiramisu2.jpg" alt="Tiramisu Delivered">
              <div class="line">
                  <h2>puddings & such...</h2>
              </div>
            </div>
        <div class="item">
              <img src="img/lemon-tarte2.jpg" alt="Lemon tarte Delivered">
              <div class="line">
                  <h2>other delectables...</h2>
            </div>
        </div>
      </div>
0
 

Author Closing Comment

by:mel200
ID: 40481991
You're right, I just made a mistake. Thanks!
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Understanding mobile browsers 9 60
Javascript_Set_dropdown_value 7 32
Eloquent ORM manual paginator defaults to simple 2 20
Create tabs to show divs 9 29
Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

786 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question