Difference between revisions of "Template:Waterloo"

Line 742: Line 742:
  
 
</div>
 
</div>
<!-- Fixed navbar -->
+
<nav class="navbar navbar-default">
    <nav class="navbar navbar-default navbar-fixed-bottom">
+
  <div class="container-fluid">
      <div class="container">
+
    <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
+
    <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
+
        <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
+
        <span class="icon-bar"></span>
            <span class="icon-bar"></span>
+
        <span class="icon-bar"></span>
            <span class="icon-bar"></span>
+
        <span class="icon-bar"></span>
          </button>
+
      </button>
          <a class="navbar-brand" href="#">Project name</a>
+
      <a class="navbar-brand" href="#">Brand</a>
        </div>
+
    </div>
        <div id="navbar" class="navbar-collapse collapse">
+
 
          <ul class="nav navbar-nav">
+
    <!-- Collect the nav links, forms, and other content for toggling -->
            <li class="active"><a href="#">Home</a></li>
+
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <li><a href="#about">About</a></li>
+
      <ul class="nav navbar-nav">
            <li><a href="#contact">Contact</a></li>
+
        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
            <li class="dropdown">
+
        <li><a href="#">Link</a></li>
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+
        <li class="dropdown">
              <ul class="dropdown-menu">
+
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                <li><a href="#">Action</a></li>
+
          <ul class="dropdown-menu">
                <li><a href="#">Another action</a></li>
+
            <li><a href="#">Action</a></li>
                <li><a href="#">Something else here</a></li>
+
            <li><a href="#">Another action</a></li>
                <li role="separator" class="divider"></li>
+
            <li><a href="#">Something else here</a></li>
                <li class="dropdown-header">Nav header</li>
+
            <li role="separator" class="divider"></li>
                <li><a href="#">Separated link</a></li>
+
            <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
+
            <li role="separator" class="divider"></li>
              </ul>
+
            <li><a href="#">One more separated link</a></li>
            </li>
+
 
           </ul>
 
           </ul>
           <ul class="nav navbar-nav navbar-right">
+
        </li>
            <li><a href="../navbar/">Default</a></li>
+
      </ul>
            <li><a href="../navbar-static-top/">Static top</a></li>
+
      <form class="navbar-form navbar-left">
             <li class="active"><a href="./">Fixed top <span class="sr-only">(current)</span></a></li>
+
        <div class="form-group">
 +
           <input type="text" class="form-control" placeholder="Search">
 +
        </div>
 +
        <button type="submit" class="btn btn-default">Submit</button>
 +
      </form>
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li><a href="#">Link</a></li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#">Action</a></li>
 +
             <li><a href="#">Another action</a></li>
 +
            <li><a href="#">Something else here</a></li>
 +
            <li role="separator" class="divider"></li>
 +
            <li><a href="#">Separated link</a></li>
 
           </ul>
 
           </ul>
         </div><!--/.nav-collapse -->
+
         </li>
      </div>
+
      </ul>
    </nav>
+
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</nav>
  
  

Revision as of 20:05, 17 September 2017

Waterloo