Bootstrap 4 Demo
Bootstrap 4 Code
Output
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> </head> <body> <div class="container"> <h3 class="p-3 text-primary">The demo of padding classes</h3> <p class="p-5 bg-info text-warning">p-5</p> <p class="p-4 bg-success text-warning">p-4</p> <p class="p-3 bg-primary text-warning">p-3</p> <p class="p-2 bg-secondary text-warning">p-2</p> <p class="p-1 bg-danger text-white">p-1</p> <p class="p-0 bg-primary text-warning">p-0</p> </div> </body> </html>
The demo of padding classes
p-5
p-4
p-3
p-2
p-1
p-0