bootstrap-practice/index.html at master · ggc-itec/bootstrap-practice · 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
39
40
41
<!DOCTYPE html>
<html>
<head>

<link type="text/css" rel="stylesheet" href="css/bootstrap.css"/>
<script src="js/jquery-1.12.2.min.js"></script>
<script src="js/bootstrap.js"></script>
<style>
  .container {
    background-color:lightgray;
    margin-top:30px;
    padding-bottom:30px;
   }
</style>
<title>Bootstrap Practice</title>

</head>

<body>

<div class="container">
  <h1>Bootstrap Practice</h1>
  <p>Time for another mini project. Have a cup of coffee and let's continue...</p>
  <img src="images/coffee.gif" class="img-rounded img-responsive"/>

  <p><div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
      Bootstrap Dependencies
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      <li><a href="#">Bootstrap CSS file</a></li>
      <li><a href="#">Bootstrap JS file</a></li>
      <li><a href="#">Needs JQuery!</a></li>
    </ul>
  </div></p>
</div>

</body>

</html>