<div>
    <p className="text-lg">Basic</p>
    <Pagination>
        <Pagination.Prev />
        <Pagination.Item active>{1}</Pagination.Item>
        <Pagination.Item>{2}</Pagination.Item>
        <Pagination.Item>{3}</Pagination.Item>
        <Pagination.Item>{4}</Pagination.Item>
        <Pagination.Item>{5}</Pagination.Item>
        <Pagination.Next />
    </Pagination>
</div>
<div>
    <p className="text-lg">Changer</p>
    <Pagination>
        <Pagination.Prev />
        <Pagination.Item>{1}</Pagination.Item>
        <Pagination.Ellipsis />
        <Pagination.Item>{4}</Pagination.Item>
        <Pagination.Item>{5}</Pagination.Item>
        <Pagination.Item>{6}</Pagination.Item>
        <Pagination.Ellipsis />
        <Pagination.Item>{30}</Pagination.Item>
        <Pagination.Next />
        <Pagination.Item>10 / page <i className="fa fa-angle-down" aria-hidden="true"></i></Pagination.Item>
    </Pagination>
</div>