jQuery Slider

## 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.

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