You are previewing Twitter Bootstrap Web Development How-To.

Twitter Bootstrap Web Development How-To

Cover of Twitter Bootstrap Web Development How-To by David Cochran Published by Packt Publishing
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 ...

The best content for your career. Discover unlimited learning on demand for around $1/day.