В настоящее время у нас есть предупреждения о рельсах, занимающие пространство над панелью навигации, что заставляет панель навигации всегда находиться ниже поля предупреждения, даже если оповещения не отображаются. Где мы находим css для предупреждений. Показанное ниже изображение проверки страницы, показывающей предупреждения над навигацией, они нам нужны ниже. спасибо
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> <!-- Latest compiled and minified JavaScript --> </head> <div> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a href="#" class="navbar-brand">404Book</a> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="#"><%= link_to 'My Profile' ,profile_path(current_user)%></span></a> </li> <li class="nav-item"> <a class="nav-link" href="#"><%= link_to 'Sign out', destroy_user_session_path, method: :delete %></a> </li> <li class="nav-item dropdown"> </li> <li class="nav-item"> <a class="nav-link" href="#"> <%= link_to 'Back to Posts', posts_path %></a> </li> </ul> </div> </nav> <body>
Похоже, ваш HTML неверен. Вы закрываете div в элементе nav. Переместите </div> ниже закрывающего тега </nav>.
</div>
</nav>