Skip to content

Instantly share code, notes, and snippets.

@gmaliar

gmaliar/gist:6785713

Created October 1, 2013 21:52
Show Gist options
  • Save gmaliar/6785713 to your computer and use it in GitHub Desktop.
Save gmaliar/6785713 to your computer and use it in GitHub Desktop.
Download ZIP
Code for application.html.erb
Raw
gistfile1.erb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Blog</title>
<%= stylesheet_link_tag "application", :media => "all" %>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<%= javascript_include_tag "html5shiv" %>
<%= javascript_include_tag "respond.min" %>
<![endif]-->
<%= csrf_meta_tags %>
</head>
<body>
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Todo list</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/">Home</a></li>
<li><a href="">Tasks</a></li>
<li><a href="">Lists</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="container">
<div class="jumbotron">
<h1>Navbar example</h1>
<p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
<p>To see the difference between static and fixed top navbars, just scroll.</p>
</div>
<%= yield %>
</div> <!-- /container -->
<%= javascript_include_tag "application" %>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment