flashメッセージがヘッダーに隠れてしまいます

画像のようにflashメッセージがヘッダーに完全に被ってしまう状態です。
恐れ入りますが、解決方法を教えて頂けないでしょうか。

flashはパーシャルを作成して、application.reでレンダリングしています
headerは必要ないページもあるので、各viwでheaderのパーシャルをレンダリングさせています
flashはコントローラー記載ではなくdevise機能で出しているflashです

rb
1■　application.rb
2
3<!DOCTYPE html>
4<html>
5  <head>
6    <title>AccepteApp</title>
7    <%= csrf_meta_tags %>
8    <%= csp_meta_tag %>
9    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
10    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
11    <%= render 'layouts/shim' %>
12  </head>
13
14  <body>
15    <div class="container">
16      <%= render 'layouts/flashes' %>
17      <%= yield %>
18      <%= debug(params) if Rails.env.development? %>
19    </div>
20  </body>
21</html>

erb
1■　show.html.erb
2
3<head>
4  <%= render "layouts/header" %>
5</head>
6<body>
7<h1>Users#show</h1>
8<p>Find me in app/views/users/show.html.erb</p>
9</body>

erb
1■ flashパーシャル
2
3<% flash.each do |key, value| %>
4  <div class="alert alert-<%= bootstrap_alert(key) %>">
5    <strong>
6      <%= value %>
7    </strong>
8  </div>
9<% end %>

■ headerパーシャル


<header class="navbar navbar-fixed-top navbar-default">
  <div class="container">
    <%= link_to "タイトル", '#', id: "logo" %>
    <nav>
      <ul class="nav navbar-nav navbar-right">
        <li><%= link_to "Top",   '#' %></li>
        <li><%= link_to "ログアウト", destroy_user_session_path, method: :delete %></li>
      </ul>
    </nav>
  </div>
</header>

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

flashメッセージがヘッダーに隠れてしまいます

関連した質問