html - 如何将 Bootstrap 导航栏中的下拉菜单与 css 对齐？

Question

所以我有这个导航栏，我在最右边添加了一个下拉菜单和一个用户配置文件。[我的导航栏的屏幕截图][1]。 正如您所看到的，下拉列表比我的其他菜单项要低一些。

这是我的 HTML 和 CSS:

.dropdown {
  padding-top: 0px;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<nav class="navbar navbar-custom">
  <div class="container-fluid">
    <div class="navbar-header">
      <!--LOGO-->
      <a class="navbar-brand" href="index.php"><img src="assets/img/am.png" alt="ArchiveManager" height="35"></a>
    </div>

    <div>
      <div class="collapse navbar-collapse">
        <!--Menu Items-->
        <ul class="nav navbar-nav" style="font-size:15px;">
          <li><a href="index.php">Home</a></li>
          <li><a href="newIssue.php">New Issue</a></li>
          <li><a href="newArticle.php">New Article</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Management<span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="magManagement.php">Magazine Management</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">Article Management</a></li>
            </ul>
          </li>
          <li><a href="#">Statistics</a></li>
        </ul>
      </div>
    </div>
  </div>
</nav>

Answer 1

在尝试了很多不同的东西之后，这成功了

.dropdown {
  margin-top: 0px;
}

然后刷新我的浏览器 (CTRL+ F5) 然后它工作了。可能它正在从缓存中读取，而当我更改代码时什么也没发生。

谢谢大家!