Bootslider - Responsive Bootstrap CSS3 Slider
Bootslider is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with modern and fancy 3D transitions. Even more important, it is fully responsive and mobile optimized and can take on any dimensions.
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 and mouse swiping is fully supported by Bootslider. It supports swipe navigation on any touch device.
To feed your creativity and to make Bootslider the best choice, we enabled your normal Bootstrap content inside the slides.
Bootslider is hardware accelerated. Animations are smooth, crisp and clean, extremely high performance.
Supports over 115 super smooth and unique transitions to change slides. Slide, Rotate, Flip, Tilt, Shake and custom ones.
Works perfectly in major types of browsers such as Chrome, Firefox, Safari, IE and Opera which support CSS3.
You can use any type of HTML elements (headings, paragraph, lists, etc.) in slider markup, they will be visible to search engines.
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.
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.
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.
You can add multiple instances of slider with different skin and customization in one page. Bootslider will do the job!
Each of the functionalities that the slider provides can be turned ON and OFF, depending on your needs.
Update 1.1 03/01/2014
Custom slide thumbnails via data-thumbnail
New fullscreen layout with centered image