| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> | |
| <title>Bootstrap 101 Template</title> | |
| <!-- Bootstrap --> <!-- Latest compiled and minified CSS --> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> | |
| <!-- Optional theme --> | |
| <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">--> | |
| <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> | |
| <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |
| <!--[if lt IE 9]> | |
| <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | |
| <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | |
| <![endif]--> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Container</h1> | |
| <div class="row"> | |
| <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div> | |
| <div class="col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div> | |
| <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div> | |
| </div> | |
| </div> | |
| <div class="container-fluid"> | |
| <h1>Container Fluid</h1> | |
| <div class="row"> | |
| <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div> | |
| <div class="col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div> | |
| <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div> | |
| </div> | |
| </div> | |
| <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
| <!-- Include all compiled plugins (below), or include individual files as needed --> | |
| <!-- Latest compiled and minified JavaScript --> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment