<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 ----------> <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-12"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> <p> I’m experimenting with this layout for a small fashion project where I share outfits built from an <a href="https://thevintagearena.com/" target="_blank" rel="noopener">internet thrift store</a> and simple basics. The clean Bootstrap structure makes it easy to plug in product images, short descriptions, and call‑to‑action buttons without the design feeling cluttered. I’m planning to extend this snippet into a mini landing page that highlights a few favorite looks, links out to longer blog posts, and collects emails from people who want tips on styling secondhand pieces. </p> </div> </div> </div>