Two Bootstrap plug-ins: Bootstrap-select and bootstrap-paginator

Bootstrap-based selector http://silviomoreto.github.io/bootstrap-select/

            <label for="androids" class="control-label" style="text-align: center">Android: </label>            <select name="androids" id="androids" class="selectpicker" multiple title=‘All‘>                <c:forEach var="android" items="${androids}">                    <option value="${android}">${android}</option>                </c:forEach>            </select>

Use class = "selectpicker" to set the selector.

 

Bootstrap-based paging plug-ins support bootstrap2 and bootstrap3 https://github.com/lyonlai/bootstrap-paginator

Example:

        var options = {            totalPages:  ${totalPages},            currentPage: ${currentPage},            numberOfPages: 5,            bootstrapMajorVersion: 3,            itemTexts: function (type, page, current) {                switch (type) {                    case "first":                        return "First";                    case "prev":                        return "Previous";                    case "next":                        return "Next";                    case "last":                        return "Last";                    case "page":                        return page;                }            },            onPageClicked: function (e, originalEvent, type, page) {                var url = ‘devices-filter-‘ + page + ‘.html‘;                if ($("#devices").find("option:selected").text() == ‘All‘ &&                        $("#androids").find("option:selected").text() == ‘All‘ &&                        $("#boards").find("option:selected").text() == ‘All‘)                    url = ‘devices-page-‘ + page + ‘.html‘;                var data = $("#device_filter").serialize();                go(url, data);            }        };        $(‘#pagination‘).bootstrapPaginator(options);

Use the bootstrap pagination component on the page: bootstrap3 uses UL and bootstrap2 uses Div

<div class="text-center">　　<ul class="pagination" id="pagination"></ul></div>

 

Two Bootstrap plug-ins: Bootstrap-select and bootstrap-paginator