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 margin classes</h3> <p class="mx-sm-3 my-sm-5 bg-info text-warning">mx-sm-3 my-sm-5</p> <p class="mx-sm-2 my-sm-4 bg-success text-warning">mx-sm-2 my-sm-4</p> <p class="mx-sm-4 my-sm-2 bg-primary text-warning">mx-sm-4 my-sm-2</p> <p class="mx-sm-3 my-sm-1 bg-secondary text-warning">mx-sm-3 my-sm-1</p> </div> </body> </html>
The demo of margin classes
mx-sm-3 my-sm-5
mx-sm-2 my-sm-4
mx-sm-4 my-sm-2
mx-sm-3 my-sm-1