Question

CoreUI支持导航栏，如此处所述： https://coreui.io/docs/components/navbar/

入门模板：https://coreui.io/docs/getting-started/introduction/#starter-template

如果先从模板开始，然后按照standard layout的说明进行操作，则最终将显示一个页面，如下所示：

<header class="app-header navbar">
<button class="navbar-toggler sidebar-toggler d-lg-none mr-auto" type="button" data-toggle="sidebar-show">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">
<img class="navbar-brand-full" src="img/brand/logo.svg" width="89" height="25" alt="CoreUI Logo">
<img class="navbar-brand-minimized" src="img/brand/sygnet.svg" width="30" height="30" alt="CoreUI Logo">
</a>
<button class="navbar-toggler sidebar-toggler d-md-down-none" type="button" data-toggle="sidebar-lg-show">
<span class="navbar-toggler-icon"></span>
</button>
<ul class="nav navbar-nav d-md-down-none">
<li class="nav-item px-3">
<a class="nav-link" href="#">Dashboard</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="#">Users</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="#">Settings</a>
</li>
</ul>
.....

如果您尝试遵循导航栏的说明并为导航栏添加一个切换器，则在缩小浏览器窗口时，您确实会获得适当的切换器。但是，单击切换器时，在<header>块中时，切换器不会使项目垂直定向。它们最终会横向倾斜，<header>不能适当展开。

我的猜测是不支持在页眉中使用导航切换器，但我想我想先问一下是否有人对如何实现这项工作有任何想法。

谢谢！

使用导航和CoreUI时展开<header>

0 个答案: