Bootstrap Playground Online Template

Code, Debug, Demo and Learn Easy & Fast with jQuery and Bootstrap Playground Online

// A $( document ).ready() block.
$(document).ready(function() {
    console.log("DOM is ready!" );
});

<div>
    <button type="button" class="btn btn-primary">Primary</button>
    <button type="button" class="btn btn-secondary">Secondary</button>
    <button type="button" class="btn btn-success">Success</button>
    <button type="button" class="btn btn-danger">Danger</button>
    <button type="button" class="btn btn-warning">Warning</button>
</div>
<div class="clearfix mt-3">
    <div class="btn-group" role="group" aria-label="Basic mixed styles example">
      <button type="button" class="btn btn-danger">Left</button>
      <button type="button" class="btn btn-warning">Middle</button>
      <button type="button" class="btn btn-success">Right</button>
    </div>
</div>

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html,
body {
  font-family: 'Roboto', cursive;  
  padding: 5rem;
  height: 100%;
 
}