Skip to content

Commit 1e30f6e

Browse files
davidtmillerdavidtmiller
committed
Wrapped nav items in a container element
1 parent 2d0719c commit 1e30f6e

File tree

4 files changed

+88
-81
lines changed

4 files changed

+88
-81
lines changed

‎about.html‎

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -27,26 +27,28 @@
2727

2828
<!-- Navigation -->
2929
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
30-
<a class="navbar-brand" href="index.html">Start Bootstrap</a>
31-
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
32-
Menu
33-
<i class="fa fa-bars"></i>
34-
</button>
35-
<div class="collapse navbar-collapse" id="navbarResponsive">
36-
<ul class="navbar-nav ml-auto">
37-
<li class="nav-item">
38-
<a class="nav-link" href="index.html">Home</a>
39-
</li>
40-
<li class="nav-item">
41-
<a class="nav-link" href="about.html">About</a>
42-
</li>
43-
<li class="nav-item">
44-
<a class="nav-link" href="post.html">Sample Post</a>
45-
</li>
46-
<li class="nav-item">
47-
<a class="nav-link" href="contact.html">Contact</a>
48-
</li>
49-
</ul>
30+
<div class="container">
31+
<a class="navbar-brand" href="index.html">Start Bootstrap</a>
32+
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
33+
Menu
34+
<i class="fa fa-bars"></i>
35+
</button>
36+
<div class="collapse navbar-collapse" id="navbarResponsive">
37+
<ul class="navbar-nav ml-auto">
38+
<li class="nav-item">
39+
<a class="nav-link" href="index.html">Home</a>
40+
</li>
41+
<li class="nav-item">
42+
<a class="nav-link" href="about.html">About</a>
43+
</li>
44+
<li class="nav-item">
45+
<a class="nav-link" href="post.html">Sample Post</a>
46+
</li>
47+
<li class="nav-item">
48+
<a class="nav-link" href="contact.html">Contact</a>
49+
</li>
50+
</ul>
51+
</div>
5052
</div>
5153
</nav>
5254

‎contact.html‎

Lines changed: 22 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -27,26 +27,28 @@
2727

2828
<!-- Navigation -->
2929
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
30-
<a class="navbar-brand" href="index.html">Start Bootstrap</a>
31-
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
32-
Menu
33-
<i class="fa fa-bars"></i>
34-
</button>
35-
<div class="collapse navbar-collapse" id="navbarResponsive">
36-
<ul class="navbar-nav ml-auto">
37-
<li class="nav-item">
38-
<a class="nav-link" href="index.html">Home</a>
39-
</li>
40-
<li class="nav-item">
41-
<a class="nav-link" href="about.html">About</a>
42-
</li>
43-
<li class="nav-item">
44-
<a class="nav-link" href="post.html">Sample Post</a>
45-
</li>
46-
<li class="nav-item">
47-
<a class="nav-link" href="contact.html">Contact</a>
48-
</li>
49-
</ul>
30+
<div class="container">
31+
<a class="navbar-brand" href="index.html">Start Bootstrap</a>
32+
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
33+
Menu
34+
<i class="fa fa-bars"></i>
35+
</button>
36+
<div class="collapse navbar-collapse" id="navbarResponsive">
37+
<ul class="navbar-nav ml-auto">
38+
<li class="nav-item">
39+
<a class="nav-link" href="index.html">Home</a>
40+
</li>
41+
<li class="nav-item">
42+
<a class="nav-link" href="about.html">About</a>
43+
</li>
44+
<li class="nav-item">
45+
<a class="nav-link" href="post.html">Sample Post</a>
46+
</li>
47+
<li class="nav-item">
48+
<a class="nav-link" href="contact.html">Contact</a>
49+
</li>
50+
</ul>
51+
</div>
5052
</div>
5153
</nav>
5254

@@ -57,7 +59,6 @@
5759
<div class="col-lg-8 col-md-10 mx-auto">
5860
<div class="page-heading">
5961
<h1>Contact Me</h1>
60-
<hr class="small">
6162
<span class="subheading">Have questions? I have answers (maybe).</span>
6263
</div>
6364
</div>

‎index.html‎

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -27,26 +27,28 @@
2727

2828
<!-- Navigation -->
2929
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
30-
<a class="navbar-brand" href="index.html">Start Bootstrap</a>
31-
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
32-
Menu
33-
<i class="fa fa-bars"></i>
34-
</button>
35-
<div class="collapse navbar-collapse" id="navbarResponsive">
36-
<ul class="navbar-nav ml-auto">
37-
<li class="nav-item">
38-
<a class="nav-link" href="index.html">Home</a>
39-
</li>
40-
<li class="nav-item">
41-
<a class="nav-link" href="about.html">About</a>
42-
</li>
43-
<li class="nav-item">
44-
<a class="nav-link" href="post.html">Sample Post</a>
45-
</li>
46-
<li class="nav-item">
47-
<a class="nav-link" href="contact.html">Contact</a>
48-
</li>
49-
</ul>
30+
<div class="container">
31+
<a class="navbar-brand" href="index.html">Start Bootstrap</a>
32+
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
33+
Menu
34+
<i class="fa fa-bars"></i>
35+
</button>
36+
<div class="collapse navbar-collapse" id="navbarResponsive">
37+
<ul class="navbar-nav ml-auto">
38+
<li class="nav-item">
39+
<a class="nav-link" href="index.html">Home</a>
40+
</li>
41+
<li class="nav-item">
42+
<a class="nav-link" href="about.html">About</a>
43+
</li>
44+
<li class="nav-item">
45+
<a class="nav-link" href="post.html">Sample Post</a>
46+
</li>
47+
<li class="nav-item">
48+
<a class="nav-link" href="contact.html">Contact</a>
49+
</li>
50+
</ul>
51+
</div>
5052
</div>
5153
</nav>
5254

‎post.html‎

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -27,26 +27,28 @@
2727

2828
<!-- Navigation -->
2929
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
30-
<a class="navbar-brand" href="index.html">Start Bootstrap</a>
31-
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
32-
Menu
33-
<i class="fa fa-bars"></i>
34-
</button>
35-
<div class="collapse navbar-collapse" id="navbarResponsive">
36-
<ul class="navbar-nav ml-auto">
37-
<li class="nav-item">
38-
<a class="nav-link" href="index.html">Home</a>
39-
</li>
40-
<li class="nav-item">
41-
<a class="nav-link" href="about.html">About</a>
42-
</li>
43-
<li class="nav-item">
44-
<a class="nav-link" href="post.html">Sample Post</a>
45-
</li>
46-
<li class="nav-item">
47-
<a class="nav-link" href="contact.html">Contact</a>
48-
</li>
49-
</ul>
30+
<div class="container">
31+
<a class="navbar-brand" href="index.html">Start Bootstrap</a>
32+
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
33+
Menu
34+
<i class="fa fa-bars"></i>
35+
</button>
36+
<div class="collapse navbar-collapse" id="navbarResponsive">
37+
<ul class="navbar-nav ml-auto">
38+
<li class="nav-item">
39+
<a class="nav-link" href="index.html">Home</a>
40+
</li>
41+
<li class="nav-item">
42+
<a class="nav-link" href="about.html">About</a>
43+
</li>
44+
<li class="nav-item">
45+
<a class="nav-link" href="post.html">Sample Post</a>
46+
</li>
47+
<li class="nav-item">
48+
<a class="nav-link" href="contact.html">Contact</a>
49+
</li>
50+
</ul>
51+
</div>
5052
</div>
5153
</nav>
5254

0 commit comments

Comments
 (0)