Html 导航栏上方警报问题_Html_Css

Html 导航栏上方警报问题

html css

Html 导航栏上方警报问题,html,css,Html,Css,我们现在有轨道警报占据导航栏上方的空间，这迫使导航栏始终位于警报框下方，即使没有显示警报。我们在哪里可以找到警报的css 下图是检查页面的图像，显示导航上方的警报，我们需要它们。谢谢看起来您的HTML不正确。您正在关闭nav元素中的一个div。将移动到结束标记下方 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta

我们现在有轨道警报占据导航栏上方的空间，这迫使导航栏始终位于警报框下方，即使没有显示警报。我们在哪里可以找到警报的css 下图是检查页面的图像，显示导航上方的警报，我们需要它们。谢谢

看起来您的HTML不正确。您正在关闭nav元素中的一个div。将

移动到

结束标记下方

    <!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>