Bootstrap 5 Pagination Customization

### Bootstrap 5 Pagination with 24px Height
“`html

Custom Pagination

<style>
.pagination.pagination-custom .page-link {
            height: 24px;
            min-width: 24px;
            line-height: 18px; /* Adjust for vertical alignment */
            font-size: 14px; /* Adjust font size */
            padding: 2px 6px;
        }
</style>

Previous

### Getting **24px** Margin-Top Using Bootstrap:
1. `mt-5` → **Equivalent to 3rem (48px)**
2. `mt-4` → **Equivalent to 1.5rem (24px) ✅**

So, to get a `24px` margin-top, use:

<div class="mt-4">This div has a 24px top margin</div>

If you need exact 24px spacing without using `mt-4`, you can use custom CSS:

.mt-custom {
    margin-top: 24px;
}

And apply it like:

<div class="mt-custom">This div has a 24px top margin</div>

Let me know if you need further tweaks! 🚀

However, you can achieve **20px** margin using:
– The closest predefined class:
– `mt-4` → **24px** (too much)
– `mt-3` → **16px** (too little)

### **Solution 1: Use Custom CSS**
Since Bootstrap does not have an exact `20px` margin utility, you can define your own:

.mt-20 {
    margin-top: 20px;
}

Then use it in your HTML:

<div class="mt-20">This div has a 20px top margin</div>

### **Solution 2: Use Bootstrap’s `mt-3` with Extra Padding**
If you want to stick to Bootstrap utilities, you can combine:

<div class="mt-3" style="margin-top: 20px;">This div has a 20px top margin</div>

Would you like help with other spacing issues? 🚀