Skip to content

Commit c79893d

Browse files
fontenelefontenele
committed
updated installation example code
1 parent cd471ca commit c79893d

File tree

3 files changed

+105
-11
lines changed

3 files changed

+105
-11
lines changed

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99

1010
Several quick start options are available:
1111

12-
* [Download the latest release](https://github.com/fontenele/bootstrap-navbar-dropdowns/archive/v4.0.2.zip "Download Bootstrap-Navbar-Dropdowns")
12+
* [Download the latest release](https://github.com/fontenele/bootstrap-navbar-dropdowns/archive/v4.0.3.zip "Download Bootstrap-Navbar-Dropdowns")
1313
* Clone the repo: `git clone https://github.com/fontenele/bootstrap-navbar-dropdowns.git`
1414
* Install with [npm](https://www.npmjs.com): `npm install bootstrap-navbar-dropdowns`
1515
* Install with [yarn](https://yarnpkg.com): `yarn add bootstrap-navbar-dropdowns`

‎docs/_includes/installation.html‎

Lines changed: 103 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,110 @@
33
<!DOCTYPE html>
44
<html>
55

6-
<head>
7-
…
8-
<link rel="stylesheet" href="dist/css/bootstrap-navbar-dropdowns.css"> …
9-
<script src="dist/js/bootstrap-navbar-dropdowns.js" defer></script>
10-
</head>
6+
<head>
7+
…
8+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
9+
<link rel="stylesheet" href="dist/css/bootstrap-navbar-dropdowns.css">
10+
…
11+
<script src="https://code.jquery.com/jquery-3.4.1.slim.js" defer></script>
12+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js" defer></script>
13+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js" defer></script>
14+
<script src="dist/js/bootstrap-navbar-dropdowns.js" defer></script>
15+
</head>
1116

12-
<body>
13-
…
14-
</body>
17+
<body>
18+
19+
<div class="navbar navbar-expand-md navbar-dark bg-dark mb-4" role="navigation">
20+
<a class="navbar-brand" href="#">Bootstrap NavBar</a>
21+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
22+
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
23+
<span class="navbar-toggler-icon"></span>
24+
</button>
25+
<div class="collapse navbar-collapse" id="navbarCollapse">
26+
<ul class="navbar-nav mr-auto">
27+
<li class="nav-item active">
28+
<a class="nav-link" href="#">Home
29+
<span class="sr-only">(current)</span>
30+
</a>
31+
</li>
32+
<li class="nav-item">
33+
<a class="nav-link" href="http://fontenele.github.io/bootstrap-navbar-dropdowns/"
34+
target="_blank">Github</a>
35+
</li>
36+
<li class="nav-item">
37+
<a class="nav-link disabled" href="#">Disabled</a>
38+
</li>
39+
<li class="nav-item dropdown">
40+
<a class="nav-link dropdown-toggle" id="dropdown1" data-toggle="dropdown"
41+
aria-haspopup="true" aria-expanded="false">Dropdown1</a>
42+
<ul class="dropdown-menu" aria-labelledby="dropdown1">
43+
<li class="dropdown-item"><a href="http://www.youtube.com" target="_blank">Action 1 -
44+
Youtube</a></li>
45+
<li class="dropdown-item dropdown">
46+
<a class="dropdown-toggle" id="dropdown1-1" data-toggle="dropdown"
47+
aria-haspopup="true" aria-expanded="false">Dropdown1.1</a>
48+
<ul class="dropdown-menu" aria-labelledby="dropdown1-1">
49+
<li class="dropdown-item"><a href="#">Action 1.1</a></li>
50+
<li class="dropdown-item dropdown">
51+
<a class="dropdown-toggle" id="dropdown1-1-1" data-toggle="dropdown"
52+
aria-haspopup="true" aria-expanded="false">Dropdown1.1.1</a>
53+
<ul class="dropdown-menu" aria-labelledby="dropdown1-1-1">
54+
<li class="dropdown-item"><a target="_blank"
55+
href="http://www.google.com">Action 1.1.1 -
56+
Google</a></li>
57+
</ul>
58+
</li>
59+
</ul>
60+
</li>
61+
</ul>
62+
</li>
63+
<li class="nav-item dropdown">
64+
<a class="nav-link dropdown-toggle" id="dropdown2" data-toggle="dropdown"
65+
aria-haspopup="true" aria-expanded="false">Dropdown2</a>
66+
<ul class="dropdown-menu" aria-labelledby="dropdown2">
67+
<li class="dropdown-item"><a href="#">Action 2 A</a></li>
68+
<li class="dropdown-item"><a href="#">Action 2 B</a></li>
69+
<li class="dropdown-item"><a href="#">Action 2 C</a></li>
70+
<li class="dropdown-item dropdown">
71+
<a class="dropdown-toggle" id="dropdown2-1" data-toggle="dropdown"
72+
aria-haspopup="true" aria-expanded="false">Dropdown2.1</a>
73+
<ul class="dropdown-menu" aria-labelledby="dropdown2-1">
74+
<li class="dropdown-item"><a href="#">Action 2.1 A</a></li>
75+
<li class="dropdown-item"><a href="#">Action 2.1 B</a></li>
76+
<li class="dropdown-item"><a href="#">Action 2.1 C</a></li>
77+
<li class="dropdown-item dropdown">
78+
<a class="dropdown-toggle" id="dropdown2-1-1" data-toggle="dropdown"
79+
aria-haspopup="true" aria-expanded="false">Dropdown2.1.1</a>
80+
<ul class="dropdown-menu" aria-labelledby="dropdown2-1-1">
81+
<li class="dropdown-item"><a href="#">Action 2.1.1 A</a></li>
82+
<li class="dropdown-item"><a href="#">Action 2.1.1 B</a></li>
83+
<li class="dropdown-item"><a href="#">Action 2.1.1 C</a></li>
84+
</ul>
85+
</li>
86+
<li class="dropdown-item dropdown">
87+
<a class="dropdown-toggle" id="dropdown2-1-2" data-toggle="dropdown"
88+
aria-haspopup="true" aria-expanded="false">Dropdown2.1.2</a>
89+
<ul class="dropdown-menu" aria-labelledby="dropdown2-1-2">
90+
<li class="dropdown-item"><a href="#">Action 2.1.2 A</a></li>
91+
<li class="dropdown-item"><a href="#">Action 2.1.2 B</a></li>
92+
<li class="dropdown-item"><a href="#">Action 2.1.2 C</a></li>
93+
</ul>
94+
</li>
95+
</ul>
96+
</li>
97+
</ul>
98+
</li>
99+
</ul>
100+
<form class="form-inline mt-2 mt-md-0">
101+
<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
102+
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
103+
</form>
104+
</div>
105+
</div>
106+
107+
…
108+
</body>
15109

16110
</html>
17111
{% endhighlight %}
18-
</div>
112+
</div>

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "bootstrap-navbar-dropdowns",
3-
"version": "4.0.2",
3+
"version": "4.0.3",
44
"description": "Twitter Bootstrap 4 Responsive Navbar with Multiple Dropdowns",
55
"main": "dist/js/index.js",
66
"scripts": {

0 commit comments

Comments
 (0)