This page runs Bootstrap with Jssor Slider.

Use Jssor Slider as a compoment of Bootstrap is extremly easy. Given a slider 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.mini.js"></script>
<script>
    jQuery(document).ready(function ($) {
        var options = {
            ..
        };
            
        $("#slider1_container").css("display", "block");
        var jssor_slider1 = new $JssorSlider$("slider1_container", options);
        ...
    });
</script>

HTML Code

<div class="container">
    <!-- Jssor Slider Begin -->
    <div id="slider1_container" style="display: none; position: relative; margin: 0 auto; width: 980px; height: 380px; overflow: hidden;">
        ...
    </div>
    <!-- Jssor Slider End -->
</div>
Generic placeholder image