How to style X.PagedList.Core into Bootstrap 4.1?

[MikeAlhayek]

Thank you for this great package!

I am trying to use this package in ASP.NET Core package with Bootstrap 4.1.3.

This is what I have added to make it Bootstrap 4.1.3 ready..

@Html.PagedListPager(Model.Results, pageNumber => string.Format("{0}?PageSize={1}&Page={2}", Url.Action("Search"), Model.GetPageSize(), pageNumber), new X.PagedList.Mvc.Common.PagedListRenderOptionsBase
{
	DisplayItemSliceAndTotal = true,
	ContainerDivClasses = new[] { "navigation" },
	LiElementClasses = new[] { "page-item" },
	PageClasses = new[] { "page-link" },
})

However the above is showing the navigation like so

If the PagedListRenderOptionsBase has an option to allow me to add a class on the content of the "Showing...." and the "..." that would solve this issue.

[MikeAlhayek]

Does anyone have a workaround?

[MikeAlhayek]

I submitted a pull-request to permanently fix this issue.

However, as a workaround, you can add the following code using jquery

$(function(){
    $('ul.pagination > li.disabled > a').addClass('page-link');
});