1
0
mirror of https://github.com/jcwimer/wrestlingApp synced 2026-04-07 14:57:48 +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,17 +1,17 @@
<h2>Sign in</h2> <h2 class="form-signin-heading">Sign in</h2>
<%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %> <%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %>
<div><%= f.label :email %><br /> <div><%= f.label :email ,:class=>"sr-only"%><br />
<%= f.email_field :email, :autofocus => true %></div> <%= f.email_field :email, :autofocus => true,:class=>"form-control",:placeholder=>"Email Address" %></div>
<div><%= f.label :password %><br /> <div><%= f.label :password,:class=>"sr-only" %><br />
<%= f.password_field :password %></div> <%= f.password_field :password,:class=>"form-control",:placeholder=>"Password" %></div>
<% if devise_mapping.rememberable? -%> <% if devise_mapping.rememberable? -%>
<div><%= f.check_box :remember_me %> <%= f.label :remember_me %></div> <div class="checkbox"><%= f.check_box :remember_me %> <%= f.label :remember_me %></div>
<% end -%> <% end -%>
<div><%= f.submit "Sign in" ,:class=>"btn btn-success"%></div> <div><%= f.submit "Sign in" ,:class=>"btn btn-lg btn-primary btn-block" %></div>
<% end %> <% end %>
<br> <br>
<br> <br>

View File

@@ -1,11 +1,10 @@
<!-- Bootstrap CDN --> <!-- Bootstrap CDN -->
<!-- Latest compiled and minified CSS --> <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme --> <!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
<!-- Latest compiled and minified JavaScript --> <!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script> <script src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script>

View File

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