pdxmike
1/19/2017 - 12:17 AM

_nav.html.erb

application.html.erb
content_copyfile_download
<!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>
application.css.scss
content_copyfile_download
@import 'bootstrap-sprockets';
@import 'bootstrap';
@import 'posts.scss';

.custom-nav {
  margin-top: 70px;
}
_nav.html.erb
content_copyfile_download
<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>