This page runs Bootstrap with Jssor Slider.

Use Jssor Slider as a compoment of Bootstrap is extremly easy. 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.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 style="min-height: 50px;">

    <!-- 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