O'Reilly logo

Twitter Bootstrap Web Development How-To by David Cochran

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

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