<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> </div> </div> <div class="container-responsive"> <div class="row"> <div class="col-md-4 text-center"> img1 </div> <div class="col-md-4"> img2 </div> <div class="col-md-4"> img3 </div> </div> </div>

* { box-sizing: border-box; } .col-md-4 { background-color: #669; padding: 1rem; border: 1px solid yellow; }