Just starting out with angularjs and I'm trying to implement pagination using https://angular-ui.github.io/bootstrap/#/pagination. However, I'm facing an issue where the style class "pagination pagination-lg" is not applying properly. I'm currently using bootstrap version 4. Any help would be greatly appreciated. Thanks
Check out the error image here
index.html
<div>
<pre>You are currently on page {{userCtrl.page}}</pre>
<ul uib-pagination total-items="userCtrl.totalElements" ng-model="userCtrl.page" max-size="10000" class="pagination pagination-lg"
boundary-links="true" num-pages="userCtrl.totalPages">
</ul>
</div>
userController.js
module.exports = function (UserService) {
var _this = this;
_this.users = [];
_this.page = [];
_this.size = [];
_this.totalElements = [];
_this.totalPages = [];
_this.list = function () {
UserService.getUsersPage().then(function (response) {
console.log(response);
_this.users = response.content;
_this.page = response.number;
_this.size = response.numberOfElements;
_this.totalElements = response.totalElements;
_this.totalPages = response.totalPages;
})
};
_this.list();
};