Created
June 26, 2018 02:30
-
-
Save emmasamuel/6d77ff486c6a3da1552a1ff47083c3f9 to your computer and use it in GitHub Desktop.
my boostrap template
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| <link rel="icon" href=""> | |
| <title>Starter Template for Bootstrap</title> | |
| <!-- Bootstrap core CSS --> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous"> | |
| <!-- Custom styles for this template --> | |
| <style type="text/css"> | |
| body { | |
| padding-top: 5rem; | |
| } | |
| .starter-template { | |
| padding: 3rem 1.5rem; | |
| text-align: center; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top"> | |
| <a class="navbar-brand" href="#">Navbar</a> | |
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <div class="collapse navbar-collapse" id="navbarsExampleDefault"> | |
| <ul class="navbar-nav mr-auto"> | |
| <li class="nav-item active"> | |
| <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#">Link</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link disabled" href="#">Disabled</a> | |
| </li> | |
| <li class="nav-item dropdown"> | |
| <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> | |
| <div class="dropdown-menu" aria-labelledby="dropdown01"> | |
| <a class="dropdown-item" href="#">Action</a> | |
| <a class="dropdown-item" href="#">Another action</a> | |
| <a class="dropdown-item" href="#">Something else here</a> | |
| </div> | |
| </li> | |
| </ul> | |
| <form class="form-inline my-2 my-lg-0"> | |
| <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"> | |
| <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> | |
| </form> | |
| </div> | |
| </nav> | |
| <div class="container"> | |
| <div class="starter-template"> | |
| <h1>Bootstrap starter template</h1> | |
| <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> | |
| </div> | |
| </div> | |
| <!-- /.container --> | |
| <!-- Bootstrap core JavaScript | |
| ================================================== --> | |
| <!-- Placed at the end of the document so the pages load faster --> | |
| <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment