Unverified Commit 06280bdd authored by David Haynes's avatar David Haynes
Browse files

More comments, navbar section nearly done

- fixed dropdown pointer
parent f87aec12
Pipeline #1046 passed with stage
in 59 seconds
...@@ -124,38 +124,37 @@ ...@@ -124,38 +124,37 @@
<!-- Begin giant container for the entirety of the page content --> <!-- Begin giant container for the entirety of the page content -->
<div class="container"> <div class="container">
<div class="row row-offcanvas row-offcanvas-right"> <div class="row row-offcanvas row-offcanvas-right">
<div class="col-12 col-md-9"> <div class="col-12 col-md-9">
<br /> <br />
<h1>Masonstrap</h1> <h1>Masonstrap</h1>
<!-- dynamic version number -->
<h4 id="version"></h4> <h4 id="version"></h4>
<br /> <br />
<p class="lead">Easily provide any web project with Mason branding.</p> <p class="lead">Easily provide any web project with Mason branding.</p>
<!-- Navbar <!-- Navbar
================================================== --> ================================================== -->
<div class="bs-docs-section clearfix"> <div class="bs-docs-section clearfix">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<!-- Header title -->
<div class="page-header"> <div class="page-header">
<h1 id="navbars">Navbars <h1 id="navbars">Navbars
<hr /> <hr />
</h1> </h1>
</div> </div>
<!-- Example navbar 0 -->
<div class="bs-component"> <div class="bs-component">
<nav class="navbar navbar-toggleable-md navbar-inverse bg-primary"> <nav class="navbar navbar-toggleable-md navbar-inverse bg-primary">
<div class="container">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01"
aria-expanded="false" aria-label="Toggle navigation"> aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<a class="navbar-brand" href="#">Navbar</a> <a class="navbar-brand" href="#">Navbar</a>
<div class="collapse navbar-collapse" id="navbarColor01"> <div class="collapse navbar-collapse" id="navbarColor01">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item active"> <li class="nav-item active">
...@@ -176,18 +175,20 @@ ...@@ -176,18 +175,20 @@
<button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button> <button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button>
</form> </form>
</div> </div>
</div>
</nav> </nav>
</div> </div>
<!-- Example navbar 1 -->
<div class="bs-component"> <div class="bs-component">
<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse"> <nav class="navbar navbar-toggleable-md navbar-inverse bg-classic">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" <div class="container">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor01"
aria-expanded="false" aria-label="Toggle navigation"> aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<a class="navbar-brand" href="#">Navbar</a> <a class="navbar-brand" href="#">Navbar</a>
<div class="collapse navbar-collapse" id="navbarColor02">
<div class="collapse navbar-collapse" id="navbarColor01">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
...@@ -207,9 +208,9 @@ ...@@ -207,9 +208,9 @@
<button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button> <button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button>
</form> </form>
</div> </div>
</div>
</nav> </nav>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
...@@ -1389,13 +1390,12 @@ ...@@ -1389,13 +1390,12 @@
</footer> </footer>
</div> </div>
<div class="col-6 col-md-3 sidebar-offcanvas" style="position: fixed; <div class="col-6 col-md-3 sidebar-offcanvas" style="position: fixed; right: 0;">
right: 0;">
<!-- sidebar --> <!-- sidebar -->
<div class="row"> <div class="row">
<div class="col-lg-3 col-md-3 col-sm-4 hidden-sm-down" style="max-width: 100%; <div class="col-lg-3 col-md-3 col-sm-4 hidden-sm-down" style="max-width: 100%;">
"> <div class="list-group">
<div class="rounded list-group table-of-contents"> <a class="list-group-item list-group-item-action" href="#top">Top</a>
<a class="list-group-item list-group-item-action" href="#navbars">Navbars</a> <a class="list-group-item list-group-item-action" href="#navbars">Navbars</a>
<a class="list-group-item list-group-item-action" href="#buttons">Buttons</a> <a class="list-group-item list-group-item-action" href="#buttons">Buttons</a>
<a class="list-group-item list-group-item-action" href="#typography">Typography</a> <a class="list-group-item list-group-item-action" href="#typography">Typography</a>
...@@ -1411,10 +1411,7 @@ ...@@ -1411,10 +1411,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- load in external js --> <!-- load in external js -->
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment