Bootslider – Responsive Bootstrap CSS3 Slider

Bootslider – Responsive Bootstrap CSS3 Slider

Bootslider is the ultimate Bootstrap Slider Plugin offering the capability to combine the beauty of Bootstrap with the power of a full featured content slider with layer possibility.
When we created Bootslider, we had one thing in mind: The ultimate user experience. That’s why, we created a slider that comes with tons of eyecatching animations, is fully customizable and works perfectly on every device. What does that mean?


Adapts to any screen size (try resizing the browser). The slider works and absolutely stunning on all touch devices, laptops and desktop screens.

Touch Enabled</

Touch and mouse swiping is fully supported by Bootslider. It supports swipe navigation on any touch device.

Bootstrap 3</

To feed your creativity and to make Bootslider the best choice, we enabled your normal Bootstrap content inside the slides.

High Performance</

Bootslider is hardware accelerated. Animations are smooth, crisp and clean, extremely high performance.

CSS3 Transitions</

Supports over 115 super smooth and unique transitions to change slides. Slide, Rotate, Flip, Tilt, Shake and custom ones.

Cross Browser</

Works perfectly in major types of browsers such as Chrome, Firefox, Safari, IE and Opera which support CSS3.

SEO Friendly</

You can use any type of HTML elements (headings, paragraph, lists, etc.) in slider markup, they will be visible to search engines.

Fully Customizable</

Each and every part of the slider can be changed so easily, it’s easier than pie! You will find ready-to-use skin files in the download package.


Your slides can contain responsive video iframes inside the markup or fullscreen videos that cover the whole slider.

In and Out Animations</

Bootslider supports both in and out slide animations through data attributes. Check the availabe animations here.

Slide Timeout</

You can set a specific timeout for each slide. For example, you can set the first slide to stay for 5 seconds, and the second one for 10.

Content Animation</

With Bootslider, you can set an in and out animation, an entering delay and exiting delay for each content element inside the slide.

Full Width and Boxed</

This slider can be used in boxed and fullwidth mode, simply fitting and adapting itself inside the Bootstrap columns.

Multiple Instances</

You can add multiple instances of slider with different skin and customization in one page. Bootslider will do the job!

Complete Control</

Each of the functionalities that the slider provides can be turned ON and OFF, depending on your needs.


Update 2.3 17/06/2015

  • Fixed Thumbnails bug
  • Fixed YouTube integration
  • Fixed single Slide not showing issue

Update 2.1 19/03/2014

    Update 2.2 01/05/2014

    • Fixed IE8-11 fixed-height layout bug
    • Fixed Mobile random loading bug

    Update 2.1 19/03/2014

    • Fixed IE8-11 Load Bug
    • Fixed IE8-11 Parallax Bug
    • Timer Pauses on Video play
    • Minor bug fixes
    • Added YouTube & Vimeo APIs
    • Added Video Autoplay Feature
    • Added looponce setting
    • Reconfigured file structure
    • Localized JS files

    Update 2.0 28/01/2014

    • Improved the preload function
    • Updated centered fullscreen and fixed height layouts
    • Fixed bugs in IE11 and IE8

    Update 1.1 03/01/2014

    • Custom slide thumbnails via data-thumbnail
    • New fullscreen layout with centered image

More items by Pixevil

Bootslider - Responsive Bootstrap CSS3 Slider