Mobile Aplications
jQuery Slider

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

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