-
Book Overview & Buying
-
Table Of Contents
-
Feedback & Rating
Bootstrap 4 By Example
Now that we have created the main page of the dashboard example and nailed almost every element, plugin, and component in Bootstrap, let's use some other advanced JavaScript plugins to complete our journey.
For this part, let's create another file named audience.html in the same folder of dashboard.html. In this file, copy the exact same code of dashboard.html, except the HTML inside the div#main element, because that is where we will make some new changes.
Bootstrap provides us with a nice plugin to slideshow components through cycling elements, although it's pretty verbose and a little complicated to understand at first sight.
First of all, we need to create an element inside our div#main:
<div id="main" class="col-sm-offset-3 col-sm-9">
<div id="carousel-notification" class="carousel" data-ride="carousel">
…
</div>
</div>We must...
Change the font size
Change margin width
Change background colour