Skip to content

Instantly share code, notes, and snippets.

@rorlab

rorlab/application.html.erb

Last active August 29, 2015 14:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rorlab/bdc7763ffacc5ac9acd7 to your computer and use it in GitHub Desktop.
Save rorlab/bdc7763ffacc5ac9acd7 to your computer and use it in GitHub Desktop.
Download ZIP
Application Layout File with Bootstrap "Clear Form"
Raw
application.html.erb
<!DOCTYPE html>
<html>
<head>
<title>Blog</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top">
<div class="container col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<%= link_to "Start Bootstrap", root_path, class:'navbar-brand' %>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<%= link_to "Home", root_path %>
</li>
<li>
<%= link_to "About", '#' %>
</li>
<li>
<%= link_to "Sample Post", '#' %>
</li>
<li>
<%= link_to "Contact", '#' %>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Main Content -->
<div class='main container'>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<%= flash_box(flash) %>
<%= yield %>
</div>
</div>
</div>
<hr>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<ul class="list-inline text-center">
<li>
<%= link_to fa_stacked_icon('twitter inverse', base: 'circle', class: 'fa-lg' ), 'http://twitter.com/rorlab', target: '_blank' %>
</li>
<li>
<%= link_to fa_stacked_icon('facebook inverse', base: 'circle', class: 'fa-lg' ), 'https://www.facebook.com/rubyonrailslab', target: '_blank' %>
</li>
<li>
<%= link_to fa_stacked_icon('github inverse', base: 'circle', class: 'fa-lg' ), 'https://github.com/rorlab', target: '_blank' %>
</li>
</ul>
<p class="copyright text-muted">Copyright &copy; 2014, ROR Lab., All rights reserved.</p>
</div>
</div>
</div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment