app/views/tutors/new.html.erb
<div class="row">
<div class="col-md-3 hidden-sm hidden-xs">
<div class="affix" id="form-navigation">
<h5>Form Navigation</h5>
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#lvmInfo">LVM Information</a></li>
<li><a href="#contactInfo">Contact Information</a></li>
<li><a href="#personalInfo">Personal Information</a></li>
<li><a href="#preferences">Preferences</a></li>
<li><a href="#experience">Education and Experience</a></li>
<li><a href="#languageProficiencies">Language Proficiencies</a></li>
</ul>
</div>
</div>
<div class="col-md-12">
<h1 class="text-center">
New Tutor
</h1>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3">
<hr>
<%= simple_form_for :tutor, url: tutors_path do |f| %>
<%= render partial: 'form', locals: {f: f} %>
<% end %>
</div>
</div>
<script>
$('body').scrollspy({ target: "#form-navigation" });
</script>