Cover by David Cochran

Safari, the world’s most comprehensive technology and business learning platform.

Find the exact information you need to solve a problem on the fly, or go deeper to master the technologies and skills you need to succeed

Start Free Trial

No credit card required

O'Reilly logo

Creating a homepage carousel (Should know)

Bootstrap abounds with well-built JavaScript plugins. We can't possibly introduce them all here. But let's choose another of the more popular ones—the carousel plugin—to enhance our homepage with a sliding carousel of content and images. Such carousels are very effective at giving users a visually attractive overview of what a website is about. We've seen them. We want one. Bootstrap has it ready for us.

Getting ready

In this exercise, we'll replace the homepage's large welcome message with a carousel, using Bootstrap's built-in styles and JavaScript.

Start by lining up sample images for your carousel. If you'd like, you may use the images provided with the files for this exercise, which you will find in ...

Find the exact information you need to solve a problem on the fly, or go deeper to master the technologies and skills you need to succeed

Start Free Trial

No credit card required