<!DOCTYPE html>
<html>
<head>
<title>Overtime</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12">
<%= render 'shared/nav' %>
<%= yield %>
</div>
</div>
</div>
</body>
</html>
@import 'bootstrap-sprockets';
@import 'bootstrap';
@import 'posts.scss';
.custom-nav {
margin-top: 70px;
}
<ul class="custom-nav nav nav-tabs">
<li class="active">
<a href="#">Home</a>
</li>
<li>
<a href="#">Profile</a>
</li>
<li class="disabled">
<a href="#">Messages</a>
</li>
<li class="dropdown pull-right">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Dropdown<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Action</a>
</li>
<li>
<a href="#">Another action</a>
</li>
<li>
<a href="#">Something else here</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">Separated link</a>
</li>
</ul>
</li>
</ul>