小编Ayu*_*hra的帖子

隐藏大中型设备的导航栏切换按钮

我正在尝试使用 bootstrap 开发一个响应式网站,其中我正在设计一个导航栏,其中包含一个切换按钮,该按钮仅在浏览器被挤压到 -sm 比例设备时才显示。

我试图通过给我的按钮一个可见的SM类来隐藏它,但它不起作用。无论屏幕尺寸如何,切换按钮始终可见,我希望此按钮仅在小屏幕尺寸下可见。

<button class="navbar-toggler visible-sm" data-toggle="collapse" data-target="#navbarMenu">
    <span class="navbar-toggler-icon"></span>
</button>
Run Code Online (Sandbox Code Playgroud)

我的 jfiddle 链接:https://jsfiddle.net/t1yodsxf/

html css bootstrap-4

3
推荐指数
1
解决办法
3082
查看次数

标签 统计

bootstrap-4 ×1

css ×1

html ×1