1
0
mirror of https://github.com/jcwimer/wrestlingApp synced 2026-04-08 15:29:20 +00:00

making navbar mobile friendly

This commit is contained in:
2016-02-23 14:12:26 -05:00
parent 731131073f
commit 2b4c9aff8b
3 changed files with 26 additions and 19 deletions

View File

@@ -1,9 +1,16 @@
<nav class="navbar navbar-inverse navbar-fixed-top navbar-custom">
<div class="container">
<div class="navbar-header navbar-custom-header">
<a class="navbar-brand navbar-custom-brand" href="/">WrestlingDev</a>
</div>
<ul class="nav navbar-nav navbar-right navbar-custom-link">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">WrestlingDev</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><%= link_to "Browse Tournaments", "/tournaments/" %></li>
<li><%= link_to "About", "/static_pages/about" %></li>
<li><%= link_to "Tutorials", "/static_pages/tutorials" %></li>
@@ -21,5 +28,6 @@
<li><%= link_to "Log In" , new_user_session_path %></li>
<% end %>
</ul>
</div>
</nav>
</div><!--/.nav-collapse -->
</div>
</nav>