twitter-bootstrap - 标题和侧边栏之间出现间隙
问题描述
我们面临页眉和侧边栏的问题,因为当我们在桌面中打开应用程序时,页眉和侧边栏之间会显示一个间隙(如图所示)。
/*Side bar align top*/
.sidebar-top {
top: 8% !important;
}
<body>
<header class="fixed-top">
<nav class="navbar navbar-expand-sm navbar-toggleable-sm bg-transparent">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li class="active pl-3">
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="pr-3">
</li>
<li>
</li>
</ul>
</div>
</nav>
</header>
<div class="page-wrapper default-theme toggled pinned" id="body-row">
<nav id="sidebar" class="sidebar-wrapper position-fixed sidebar-top">
<div class="sidebar-content desktop">
<div class=" sidebar-item sidebar-menu">
<ul>
<li class="sidebar-dropdown">
<div class="sidebar-submenu">
</div>
</li>
</ul>
</div>
<!-- sidebar-menu -->
</div>
<!-- sidebar-footer -->
</nav>
<div class="page-content pt-2 bg-light mt-5" >
<div id="overlay" class="overlay"></div>
<div class="container-fluid p-2">
@RenderBody()
</div>
</div>
</div>
<footer class="border-top footer text-muted">
<div class="container">
© 2019
</div>
</footer>
</body>
谁能建议我如何解决这个问题?
解决方案
推荐阅读
- c++ - macOS Big Sur 上的编译警告:使用 Intel icpc 编译的 C++ 代码
- python - 在 PyQt5 DialogButtonBox 中使用 3 个按钮
- node.js - 实现 React 应用程序的服务器端渲染时出错
- mysql - 避免 MySQL 更新重复
- google-sheets - 如何忽略谷歌表格总和计算中的文本/字符串?
- php - Symfony 5 和 Docker:缺少 RABBITMQ_DSN 环境变量
- google-cloud-platform - 将 gcloud 虚拟机实例监控数据提取到 BigQuery
- c# - 如何在单击视图模型中的按钮时显示 Xamarin 日期选择器
- java - Java 1.5 java.security.InvalidAlgorithmParameterException:素数大小必须是 64 的倍数,并且只能从 512 到 1024(含)
- python - 如何在 Python 中洗牌已知大小的迭代器?