Bootstrap kütüphanesinde class kullanarak padding değerleri vermemiz mümkün padding dediğimiz yapı iç boşlukları temsil eder. Basit bir örnekle açıklamak istersek sizin odanızın bir div olduğunu düşünün odadaki yatak dolap gibi eşyalarınızın oda duvarına 20cm den fazla yaklaşmasını istemezseniz padding 20cm demelisiniz. Bootstrap yapılarda ise bunu üst alt sağ sol olarak verebildiğimiz gibi üst-alt ve sağ-sol olarak da yapabiliyoruz. Burada 0 ile 5 arasında birimler kullanıyoruz.
| p-0 , p-1, p-2 , p-3 , p-4 , p-5 | Her yerden 0’dan 5’e kadar padding |
| pt-0 , pt-1 , pt-2 , pt-3 , pt-4 , pt-5 | Üstten 0’dan 5’e kadar padding |
| pb-0 , pb-1 ,pb-2 ,pb-3 ,pb-4 ,pb-5 | Alttan 0’dan 5’e kadar padding |
| pr-0 , pr-1, pr-2 , pr-3 , pr-4 , pr-5 | Sağdan 0’dan 5’e kadar padding |
| pl-0 , pl-1 , pl-2 , pl-3 , pl-4 , pl-5 | Soldan 0’dan 5’e kadar padding |
| py-0 , py-1 ,py-2 ,py-3 ,py-4 ,py-5 | Üstten ve Alttan 0’dan 5’e kadar padding |
| px-0 , px-1, px-2 , px-3 , px-4 , px-5 | Sağdan Soldan 0’dan 5’e kadar padding |
Örnek:
<div class="px-5">
<h1> Naber Gelmedi Senden Bir Haber </h1>
</div>
naber gelmedi senden bir haber