Advertisement
Guest User

Untitled

a guest
Sep 18th, 2019
128
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.36 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!-- This is a Bootstrap 3 Project - Notice the differences from last session. -->
  3. <!-- The Bootstrap 3 method divides the page into columns that add up to 12. With repeated rows. You can of course use the built in objects of bootstrap if you wish. -->
  4. <html>
  5. <head>
  6. <title></title>
  7. <meta charset="utf-8">
  8. <html lang="en">
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <!-- Latest compiled and minified CSS -->
  11. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  12. <!-- Optional theme -->
  13. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
  14. <!-- Latest compiled and minified JavaScript -->
  15. <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
  16. <style>
  17. div {color:red; border:1px dashed black}
  18. </style>
  19. </head>
  20. <body>
  21. <!-- <div class="container">
  22. ...
  23. </div>
  24. <!-- or why not full width -->
  25. <div class="container-fluid">
  26. <div class="row">
  27. <div class="col-md-1">.col-md-1</div>
  28. <div class="col-md-1">.col-md-1</div>
  29. <div class="col-md-1">.col-md-1</div>
  30. <div class="col-md-1">.col-md-1</div>
  31. <div class="col-md-1">.col-md-1</div>
  32. <div class="col-md-1">.col-md-1</div>
  33. <div class="col-md-1">.col-md-1</div>
  34. <div class="col-md-1">.col-md-1</div>
  35. <div class="col-md-1">.col-md-1</div>
  36. <div class="col-md-1">.col-md-1</div>
  37. <div class="col-md-1">.col-md-1</div>
  38. <div class="col-md-1">.col-md-1</div>
  39. </div>
  40. <div class="row">
  41. <div class="col-md-8">.col-md-8</div>
  42. <div class="col-md-4">.col-md-4</div>
  43. </div>
  44. <div class="row">
  45. <div class="col-md-4">.col-md-4</div>
  46. <div class="col-md-4">.col-md-4</div>
  47. <div class="col-md-4">.col-md-4</div>
  48. </div>
  49. <div class="row">
  50. <div class="col-md-6">.col-md-6</div>
  51. <div class="col-md-6">.col-md-6</div>
  52. </div>
  53. </div>
  54. </body>
  55. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement