twitter-bootstrap - 带有下拉菜单的 Bootstrap 4.6 导航栏项目不会与其他菜单项垂直对齐
问题描述
我有一个相当简单的导航栏,但无法弄清楚为什么带有下拉菜单的导航项目不与其他项目垂直对齐。Devtools 显示“li”的高度相同 - 54,但“a”在常规项目上为 32,在下拉菜单上为 34。
<div class='d-flex align-items-center px-5'>
<div class='nav d-none d-xl-block' id='nav-menu-xl'>
<nav class='nav-menu'>
<ul>
<li class='nav-item'>
<a class='nav-link' href=''>Members</a>
</li>
<li class='nav-item drop-down'>
<a class='nav-link' href=''>Benefits</a>
<ul>
<li><a href=''>Benefit 1</a></li>
我看过 devtools 并比较了计算,直到我的眼睛流泪了,不明白为什么一个会比另一个有 2 个像素的差异。
解决方案
推荐阅读
- google-sheets - 用空单元格替换“False”的公式
- firebase - 我无法从 List Tile Page 导航到详细信息页面并显示检索到的特定项目的数据
- python - 如何进行一般搜索
- android - Ionic 3 键盘推送背景图片
- python - python:我的代码没有循环到for循环来读取csv
- python - 如何在熊猫系列中用 Nan 替换非字符串值?
- hyperledger-fabric - 由于先前的块哈希不匹配,Hyperledger Fabric 节点出现恐慌
- netty - Netty 4 中 ChannelHandlerContext.sendUpstream 的替代品是什么
- spring-boot - Maven对系统范围依赖的传递依赖
- php - 使用 PHP 运行 HTML 上传表单时出现问题