Styling the carousel

We're going to take Bootstrap's default carousel styles and apply some significant customization. Let's create a copy of Bootstrap's carousel.less file and make it our own.

  1. Copy bootstrap/carousel.less and save it in the less directory as _carousel.less.

    .

    Styling the carousel
  2. Update the relevant import line in __main.less to import our custom file in place of Bootstrap's:
    @import "_carousel.less";
  3. Customize the opening comment in _feature-carousel.less:
    //
// Customized Carousel
// --------------------------------------------------

Now to begin customizing!

Setting Font Awesome icons for the controls

If you unhooked Glyphicons as I did in the preceding ...

Get Bootstrap Site Blueprints 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.

Start your free trial