<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/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 rel="stylesheet" href="https://fonts.googleapis.com/css?family=Strait"> <div class="container" style="font-family: 'Strait', sans-serif;"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> <button type="button" class="btn btn-lg btn-block">Basic</button> <button type="button" class="btn btn-default btn-lg btn-block">Default</button> <button type="button" class="btn btn-primary btn-lg btn-block">Primary</button> <button type="button" class="btn btn-success btn-lg btn-block">Success</button> <button type="button" class="btn btn-info btn-lg btn-block">Info</button> <button type="button" class="btn btn-warning btn-lg btn-block">Warning</button> <button type="button" class="btn btn-danger btn-lg btn-block">Danger</button> <button type="button" class="btn btn-link btn-lg btn-block ">Link</button> </div> </div>

.btn { margin-bottom:25px; padding:12px; font-size:3rem; }