Rails flash message using bootstrap styling - underneath navbar, full width

application.html.erb

<%= render 'layouts/navbar' %>

# Put this flash message block between the navbar and the yield
<% flash.each do |name, msg| %>
  <% unless flash_blacklist(name) %>
    <%= content_tag(:div, class: flash_class(name)) do %>
      <%= msg %>
      <button type="button" class="close" data-dismiss="alert">×</button>
    <% end %>
  <% end %>
<% end %>

<%= yield %>

application_helper.rb

# This will assign the correct bootstrap colors to the messages
def flash_class(name)
  case name
    when 'notice' then 'alert alert-info alert-dismissable fade show'
    when 'success' then 'alert alert-success alert-dismissable fade show'
    when 'error' then 'alert alert-danger alert-dismissable fade show'
    when 'alert' then 'alert alert-danger alert-dismissable fade show'
    else
      'alert alert-primary alert-dismissable fade show'
  end
end

# Exlude these messages from appearing      
def flash_blacklist(name)
  %w(timedout).include?(name)
end      

global.coffee

# Flash message timer & slider
$(document).on 'turbolinks:load', ->
  $('.alert').delay(4000).slideUp 500, ->
    $('.alert').alert 'close'