Skip to content

Instantly share code, notes, and snippets.

@aamax

aamax/application.rb

Created August 24, 2013 04:09
Show Gist options
  • Save aamax/6326004 to your computer and use it in GitHub Desktop.
Save aamax/6326004 to your computer and use it in GitHub Desktop.
Download ZIP
bootstrap menu expanding under page contents when page is small (responsive design issue) not sure why but if i make the page small and then click on the button that accesses the collapsed menu, the menu expands but does not push the page contents down, it just renders below the existing page contents.
Raw
application.rb
<!DOCTYPE html>
<html ng-app="mthosts">
<head>
<title>mysite<%= @title.nil? ? "" : " | #{@title}" %></title>
<%= stylesheet_link_tag "application", :media => "all" %>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com//twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<%= javascript_include_tag "application" %>
<%= include_gon %>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<%= csrf_meta_tags %>
<%= favicon_link_tag 'logo.jpg' %>
</head>
<body>
<header>
<%= render :partial => '/layouts/menu' %>
<%= render :partial => '/layouts/header' %>
</header>
<div class='container'>
<% if flash.alert %>
<div class="container-fluid">
<div class="alert alert-error">
<a class="close" data-dismiss="alert">×</a>
<%= flash.alert %>
</div>
</div>
<% end %>
<% if flash.notice %>
<div class="container-fluid flash_notice">
<div class="alert alert-success">
<a class="close" data-dismiss="alert">×</a>
<%= flash.notice %>
</div>
</div>
<% end %>
<div class='main_body'>
<%= yield %>
</div>
</div>
<%= render :partial => '/layouts/footer' %>
</body>
</html>
Raw
home_page.html.erb
<img src="assets/mypic.jpg" alt="a home page pic" class="banner_pic"/>
<div class="hero-unit public_hero">
<h2>Welcome To The Website!</h2>
</div>
Raw
menu.html.erb
<!-- start of bootstrap_js nav -->
<div class="navbar menu" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<div class="navbar-inner">
<div class="container">
<div style='float: left;'>
<%= link_to image_tag("logo.gif", width: "50", style: "padding-top: 3px;"), root_path %>
</div>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-list-ul" style="color: black;"></span>
</a>
<% if current_user.nil? %>
<%= render "layouts/menu_public" %>
<% else %>
<%= render "layouts/menu_private" %>
<% end %>
</div>
</div>
</div>
<!-- end of bootstrap_js nav -->
Raw
menu_public.html.erb
<% unless params[:controller] == "sessions" %>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li><%= link_to 'About ', '/about' %></li>
<li class='dropdown'>
<a class="dropdown-toggle" href="#" data-toggle="dropdown" id="sign-in-menu">Sign In<strong class="caret"></strong></a>
<ul class='dropdown-menu'>
<li class='login_menu'>
<div class = 'login_header'> Enter Credential Below </div>
<%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %>
<input class="login_ctrl" placeholder="Username" autofocus="autofocus" id="user_email" name="user[email]" type="email" >
<input class='login_ctrl' id="user_password" name="user[password]" type="password" placeholder="Password">
<input class="btn btn-primary login_btn" type="submit" id="sign-in" value="Sign In">
<% if devise_mapping.rememberable? -%>
<br/><div class="login_ctrl"><%= f.check_box :remember_me %> Remember Me</div>
<% end -%>
<a href="/users/password/new">Forgot your password?</a>
<% end %>
</li>
</ul>
</li>
</ul>
</div>
<% end %>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment