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="text-primary">The demo of individual padding classes</h3> <p class="pl-sm-5 bg-info text-warning">pl-sm-5</p> <p class="pt-md-2 pl-md-3 bg-success text-warning">pt-md-2 pl-md-3</p> <p class="pt-lg-3 pl-lg-2 bg-primary text-warning">pt-lg-3 pl-lg-2</p> <p class="pt-xl-5 pl-xl-4 bg-secondary text-warning">pt-xl-5 pl-xl-4</p> </div> </body> </html>
The demo of individual padding classes
pl-sm-5
pt-md-2 pl-md-3
pt-lg-3 pl-lg-2
pt-xl-5 pl-xl-4