Bootstrap Carousel Slider – Responsive Image Slider

Bootstrap Carousel Slider – Responsive Image Slider

3.7/5 (3 ratings) 40 active installs Updated Sep 14, 2026
This is how slider will look like on the website front-end

This is how slider will look like on the website front-end

Add a responsive image slider to any page with one shortcode. Each slide is a
normal WordPress post with a featured image, a title and a caption, so you add
and reorder slides the same way you edit anything else on your site.

Built on the Bootstrap carousel markup, so if your theme already loads Bootstrap
the slider inherits your existing styling.

Adding a slider

  1. Go to Sliders, then Add New. Set a title, add a caption in the editor, and
    set a featured image.
  2. Put [show_bootstrap_carousel] in any post or page.

Options

Under Settings, then Carousel Settings:

  • Show or hide the dot indicators
  • Show or hide the previous and next arrows
  • Show or hide captions
  • How many slides to display
  • Caption heading colour

Showing one category

Group slides with the Category taxonomy and show a single group:

[show_bootstrap_carousel category="homepage"]

In a widget or in your theme

There is a widget under Appearance, then Widgets. To place a slider directly in
a template file:

<?php echo do_shortcode( '[show_bootstrap_carousel]' ); ?>

Requirements

Your theme must load the Bootstrap CSS and JavaScript. The plugin supplies the
slider markup and its own small stylesheet, not the Bootstrap framework itself.