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);