-
Notifications
You must be signed in to change notification settings - Fork 0
/
tabs-pills.html
69 lines (51 loc) · 2.87 KB
/
tabs-pills.html
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!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 -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<title>Bootstrap 101 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.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--Tabs and Pills -->
<div class="container">
<ul class="nav nav-pills">
<li class="active"><a href="">HOME</a></li>
<li><a href="">MENU 1</a></li>
<li><a href="">MENU 2</a></li>
<li><a href="">MENU 3</a></li>
</ul><br>
<p>Timeam instructior qui te, cum nulla eruditi eu, has at tollit splendide. Accusam philosophia delicatissimi sit an. Quo placerat persecuti et, ornatus accusam pri ei, est ei vidit dicam. Eius legimus ullamcorper mea at. No mel ferri erant qualisque, doming tractatos reprimique his te. Suas noster no sea, in duo tibique oporteat persecuti.</p>
</div>
<div class="container">
<h3>Tabs with Dropdown menu</h3>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu 1 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="active"><a href="">HOME</a></li>
<li><a href="">MENU 1</a></li>
<li><a href="">MENU 2</a></li>
<li><a href="">MENU 3</a></li>
</ul>
</li>
<li><a href="">MENU 1</a></li>
<li><a href="">MENU 2</a></li>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-2.2.0.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
<script src="js/script.js"></script>
</html>