This page runs Bootstrap with Jssor Slider.

It's extremely easy to use Jssor Slider as a compoment of Bootstrap. Given a carousel you worked out, to integrate it with Bootstrap, you can just copy javascript and html code and paste it into your page. This page is a simple demo, please view source of this page or download Bootstrap Carousel Slider Example.

Generic placeholder image

Generic placeholder image

Javascript Code

<script type="text/javascript" src="../js/jssor.slider.min.js"></script>
    jQuery(document).ready(function ($) {
        var options = {
        var jssor_slider1 = new $JssorSlider$("slider1_container", options);


<div style="min-height: 50px;">
    <!-- Jssor Slider Begin -->
    <div id="slider1_container" style="visibility: hidden; position: relative; margin: 0 auto; width: 980px; height: 380px; overflow: hidden;">
    <!-- Jssor Slider End -->
Generic placeholder image