D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
ilovezy
Full window
Github gist
bootstrapwatch
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <!-- <link rel="stylesheet" type="text/css" href="https://bootswatch.com/cerulean/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Cosmo/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Cyborg/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Darkly/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Flatly/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Journal/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Lumen/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Paper/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Readable/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Sandstone/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Simplex/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Slate/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Spacelab/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Superhero/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/United/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://bootswatch.com/Yeti/bootstrap.min.css"> --> </head> <body> <div class="container"> <div class="row"> <div class="col-sm-6"> <h1>Lorem ipsum dolor sit amet, <small>consectetur adipisicing elit. Sit, vero.</small></h1> <h2>Lorem ipsum dolor sit amet, <small>consectetur adipisicing elit. Provident, recusandae!</small></h2> <h3>Lorem ipsum dolor sit amet, <small>consectetur adipisicing elit. Deleniti, amet.</small></h3> <h4>Lorem ipsum dolor sit amet, <small>consectetur adipisicing elit. Ea, consectetur.</small></h4> <h5>Lorem ipsum dolor sit amet, <small>consectetur adipisicing elit. Necessitatibus, sequi!</small></h5> <h6>Lorem ipsum dolor sit amet, <small>consectetur adipisicing elit. Pariatur, molestiae?</small></h6> </div> <div class="col-sm-6"> <p>Lorem ipsum dolor sit amet, <mark>consectetur</mark> adipisicing elit. <del>Nesciunt beatae, praesentium</del> vel numquam ex <ins>minus dicta dolores corrupti consequatur nemo.</ins> </p> <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis provident dolore autem quasi praesentium maiores, expedita rerum aliquam? Accusamus, nam.</p> </div> <div class="col-sm-6"> <blockquote>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut natus dignissimos aut, aperiam optio vitae iure enim eius possimus soluta.</blockquote> <blockquote class="blockquote-reverse">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut natus dignissimos aut, aperiam optio vitae iure enim eius possimus soluta.</blockquote> </div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> <div class="col-sm-6"></div> </div> </div> <script type="text/javascript" src="bower_components/jquery/dist/min.jquery.min.js"></script> <script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> </body> </html>