From 261ff407f40e749bb878f0d5d884584bbca7ea00 Mon Sep 17 00:00:00 2001 From: Eugene Simakin Date: Thu, 6 Oct 2016 20:00:43 +0300 Subject: [PATCH] Update docs --- bootstrap-v4.html | 28 ++++++++++++++++++++++++++++ index.html | 19 +++++++++++++++++-- js/main.js | 5 ++++- 3 files changed, 49 insertions(+), 3 deletions(-) create mode 100644 bootstrap-v4.html diff --git a/bootstrap-v4.html b/bootstrap-v4.html new file mode 100644 index 0000000..d7376ae --- /dev/null +++ b/bootstrap-v4.html @@ -0,0 +1,28 @@ + + + + + 4.0.0-alpha.4 + + + + + + + +
+ +
+ + + \ No newline at end of file diff --git a/index.html b/index.html index 3e505c0..e6216be 100644 --- a/index.html +++ b/index.html @@ -64,7 +64,8 @@ } .input-with-button { - padding: 10px; + padding: 0; + background: none; } .input-with-button .btn { @@ -79,6 +80,12 @@ display: inline-block; vertical-align: middle; } + + .b4-iframe { + width: 100%; + height: 68px; + border: 1px solid #ccc; + } jQuery Pagination plugin @@ -337,8 +344,10 @@

Dynamic total pages number

}); +

+
-
+
@@ -362,6 +371,12 @@

Synchronized pagination elements

+

Bootstrap 4 example (in iframe)

+ +

It shows how it look like with bootstrap 4 (version 4.0.0-alpha.4).

+ + +

License

diff --git a/js/main.js b/js/main.js index bbe9455..4626e5e 100644 --- a/js/main.js +++ b/js/main.js @@ -9,7 +9,10 @@ $(document).ready(function () { var $pagination = $('#dynamic-total-pages-pagination'); var defaultOpts = { - totalPages: 20 + totalPages: 20, + onPageClick: function (evt, page) { + $('#dynamic-total-pages-content').text('Page ' + page); + } }; $pagination.twbsPagination(defaultOpts);