O'Reilly logo

Bootstrap 4 – Responsive Web Design by Jason Marah, Benjamin Jakobus, Matt Lambert, Silvio Moreto

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating our Bootstrap plugin

In the previous chapter, we discussed the Carousel Bootstrap plugin. Do you remember the HTML markup to use the plugin? It is a big markup as you can see from the following code:

<div id="carousel-notification" class="carousel slide" data-ride="carousel"> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="imgs/doge.jpg" width="512"> <div class="carousel-caption"> <h3>Doge said:</h3> <p>What are you doing? So scare. It's alright now.</p> </div> </div> <div class="item"> <img src="imgs/cat.jpg" width="512"> <div class="carousel-caption"> <h3>Crazy cat said:</h3> <p>I will never forgive you...</p> </div> </div> <div class="item"> <img src="imgs/laika.jpg" width="512"> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required