<!DOCTYPE html>
<html>
  <head>
    <title>Potlucks on Rails</title>
    <%= csrf_meta_tags %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  </head>
  <body>
    <%= render partial: "layouts/nav-bar" %>
    <div class="container">
      <div class="row row-centered">
        <div class="col-xs-6 col-centered col-min">
          <div class="item">
            <div class="content">

          <p class="notice"><%= notice %></p>
          <p class="alert"><%= alert %></p>
          <%= yield %>
        </div>
        </div>
        </div>
      </div>
    </div>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Potlucks on Rails</title>
    <%= csrf_meta_tags %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  </head>
  <body>
    <%= render partial: "layouts/nav-bar" %>
    <p class="notice alert-success"><%= notice %></p>
    <p class="alert"><%= alert %></p>
    <div class="container">
      <div class="row row-centered">
        <div class="col-xs-6 col-centered col-min">
          <div class="item">
            <div class="content">

          <%= yield %>
        </div>
        </div>
        </div>
      </div>
    </div>
  </body>
</html>

Move notices and alerts out of bootstrap container
Move notices and alerts out of bootstrap container
