cs50_web_programming/code/bootstrap/bootstrap_text.html at master · FasterGuy/cs50_web_programming · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!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 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- 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.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
<p class="bg-primary">Lorem ipsum dolor sit amet, at pri duis meis, an sit nisl tale forensibus. Nam no quem everti explicari, ut eam quas probo malis. Fuisset quaerendum no vim, mea ferri delicatissimi eu, vim maiorum theophrastus an. Sit an oblique facilisi eleifend, ius discere tacimates eu, mea ei vide mutat invenire. Debet tation accusam eu eum, ei odio natum ferri nec.
</p>
<p class="bg-success">Lorem ipsum dolor sit amet, at pri duis meis, an sit nisl tale forensibus. Nam no quem everti explicari, ut eam quas probo malis. Fuisset quaerendum no vim, mea ferri delicatissimi eu, vim maiorum theophrastus an. Sit an oblique facilisi eleifend, ius discere tacimates eu, mea ei vide mutat invenire. Debet tation accusam eu eum, ei odio natum ferri nec.
</p>
<p class="bg-info">Lorem ipsum dolor sit amet, at pri duis meis, an sit nisl tale forensibus. Nam no quem everti explicari, ut eam quas probo malis. Fuisset quaerendum no vim, mea ferri delicatissimi eu, vim maiorum theophrastus an. Sit an oblique facilisi eleifend, ius discere tacimates eu, mea ei vide mutat invenire. Debet tation accusam eu eum, ei odio natum ferri nec.
</p>
<p class="bg-warning">Lorem ipsum dolor sit amet, at pri duis meis, an sit nisl tale forensibus. Nam no quem everti explicari, ut eam quas probo malis. Fuisset quaerendum no vim, mea ferri delicatissimi eu, vim maiorum theophrastus an. Sit an oblique facilisi eleifend, ius discere tacimates eu, mea ei vide mutat invenire. Debet tation accusam eu eum, ei odio natum ferri nec.
</p>
<p class="bg-danger">Lorem ipsum dolor sit amet, at pri duis meis, an sit nisl tale forensibus. Nam no quem everti explicari, ut eam quas probo malis. Fuisset quaerendum no vim, mea ferri delicatissimi eu, vim maiorum theophrastus an. Sit an oblique facilisi eleifend, ius discere tacimates eu, mea ei vide mutat invenire. Debet tation accusam eu eum, ei odio natum ferri nec.
</p>


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.1.1.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>