wordpress - 引导菜单的固定顶级类在 WordPress 的大型设备上不起作用
问题描述
我正在使用引导类 'navbar-fixed-top' 类以使导航栏粘在窗口顶部,例如在此示例中:
https://getbootstrap.com/examples/navbar-fixed-top/
以下是菜单代码。
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Awesome Theme</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<?php
wp_nav_menu(array(
'theme_location' => 'primary',
'container' => false,
'menu_class' => 'nav navbar-nav navbar-right',
'walker' => new Walker_Nav_Primary()
)
);
?>
</div>
</div>
<!-- /.container-fluid -->
</nav>
解决方案
您可以将 css 代码用于屏幕尺寸,例如:
@media (min-width: 979px) {
.navbar { ... }
}
结合 CSS 的 max-width 属性来实现你所需要的。 https://www.w3schools.com/cssref/pr_dim_max-width.asp
推荐阅读
- python - 如何将 html 列表添加到破折号布局
- sql-server - 事务日志率
- javascript - 中继:在 Fragment 中使用常量而不是 graphql`...`
- authentication - JWT 是否总是需要访问令牌和刷新令牌?
- c# - SPDataSource + SharePoint 2013 项目中缺少参考
- excel - 选择两个单元格区域并在将每个选择区域存储为变量后尝试将一个单元格区域复制到另一个单元格区域
- java - 带有 Context 参数的单例方法
- java - 使用给定的搜索参数无法在页面上找到元素。(警告:服务器未提供任何堆栈跟踪信息)
- flutter - 错误:在此小部件上方找不到正确的提供程序
- java - 如何在不创建实际新按钮的情况下创建多个在不同位置执行相同操作的按钮?