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"> ...

Get Bootstrap 4 – Responsive Web Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.