Bootstrap 3导航折叠开始仅在移动设备上折叠

iScrE4m

关于导航栏的折叠有很多问题,但是我找不到这种特殊情况,无论如何还是很抱歉。

<div class="navbar navbar-static-top navbar-default container">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="/">Brand</a>
  </div>
    <div class="nav-collapse" id="navbar">

我试图让我的导航栏在移动设备上(页面加载时)开始折叠。我发现添加class="collapse"#navbardiv时,它可以这种方式工作,但是随后在PC上,我的导航栏被隐藏了,除非我使用小分辨率并将其切换。

同样在此实现中,首先单击折叠按钮“重新打开”在移动设备上打开的导航栏。

史蒂文·B

您的问题是:

<div class="nav-collapse" id="navbar">
    <ul class="nav navbar-nav">

应该是navbar-collapse

<div class="collapse navbar-collapse" id="navbar">
    <ul class="nav navbar-nav">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap 3导航折叠开始仅在移动设备上折叠

来自分类Dev

Bootstrap 4 在移动设备上最右侧设置折叠切换器导航栏

来自分类Dev

移动设备上的非折叠式Bootstrap 3下拉菜单

来自分类Dev

Bootstrap Ancor不会折叠移动导航栏

来自分类Dev

仅在Mobile View上折叠DIV-Bootstrap 3

来自分类Dev

Bootstrap 3 CSS:仅在生产中的移动设备上,导航栏上方的白色细缝

来自分类Dev

折叠上的Bootstrap导航栏模糊

来自分类Dev

twitter bootstrap-折叠的bootstrap 3时将对象移动到导航栏

来自分类Dev

Bootstrap 3导航栏折叠不扩展

来自分类Dev

Bootstrap 3导航栏未完全折叠

来自分类Dev

Bootstrap 3 - 导航栏在点击时折叠

来自分类Dev

Bootstrap透明导航栏-移动折叠菜单图标消失

来自分类Dev

Bootstrap透明导航栏-移动折叠菜单图标消失

来自分类Dev

Bootstrap 导航栏不会在移动视图上折叠

来自分类Dev

Twitter Bootstrap 3导航栏在移动设备上不会崩溃

来自分类Dev

Bootstrap导航栏始终折叠

来自分类Dev

Bootstrap导航菜单未折叠

来自分类Dev

Bootstrap多级折叠导航栏

来自分类Dev

Bootstrap 3导航栏折叠菜单会迫使图像向下移动,而导航栏固定顶部可能吗?

来自分类Dev

Bootstrap 导航栏在移动设备上透明

来自分类Dev

jQuery可折叠元素,仅在移动设备上折叠

来自分类Dev

Bootstrap 3-显示所有屏幕尺寸的折叠导航

来自分类Dev

Bootstrap 3导航栏会扩展,但不会折叠

来自分类Dev

Bootstrap 3 Navbar-导航栏的折叠属性问题

来自分类Dev

Bootstrap 3导航栏在折叠时不会扩展

来自分类Dev

在Bootstrap 3的折叠的导航栏中显示图标

来自分类Dev

bootstrap 3导航栏折叠按钮不起作用

来自分类Dev

Bootstrap 3:可折叠的导航不会关闭

来自分类Dev

Bootstrap 3 Navbar-导航栏的折叠属性问题

Related 相关文章

  1. 1

    Bootstrap 3导航折叠开始仅在移动设备上折叠

  2. 2

    Bootstrap 4 在移动设备上最右侧设置折叠切换器导航栏

  3. 3

    移动设备上的非折叠式Bootstrap 3下拉菜单

  4. 4

    Bootstrap Ancor不会折叠移动导航栏

  5. 5

    仅在Mobile View上折叠DIV-Bootstrap 3

  6. 6

    Bootstrap 3 CSS:仅在生产中的移动设备上,导航栏上方的白色细缝

  7. 7

    折叠上的Bootstrap导航栏模糊

  8. 8

    twitter bootstrap-折叠的bootstrap 3时将对象移动到导航栏

  9. 9

    Bootstrap 3导航栏折叠不扩展

  10. 10

    Bootstrap 3导航栏未完全折叠

  11. 11

    Bootstrap 3 - 导航栏在点击时折叠

  12. 12

    Bootstrap透明导航栏-移动折叠菜单图标消失

  13. 13

    Bootstrap透明导航栏-移动折叠菜单图标消失

  14. 14

    Bootstrap 导航栏不会在移动视图上折叠

  15. 15

    Twitter Bootstrap 3导航栏在移动设备上不会崩溃

  16. 16

    Bootstrap导航栏始终折叠

  17. 17

    Bootstrap导航菜单未折叠

  18. 18

    Bootstrap多级折叠导航栏

  19. 19

    Bootstrap 3导航栏折叠菜单会迫使图像向下移动,而导航栏固定顶部可能吗?

  20. 20

    Bootstrap 导航栏在移动设备上透明

  21. 21

    jQuery可折叠元素,仅在移动设备上折叠

  22. 22

    Bootstrap 3-显示所有屏幕尺寸的折叠导航

  23. 23

    Bootstrap 3导航栏会扩展,但不会折叠

  24. 24

    Bootstrap 3 Navbar-导航栏的折叠属性问题

  25. 25

    Bootstrap 3导航栏在折叠时不会扩展

  26. 26

    在Bootstrap 3的折叠的导航栏中显示图标

  27. 27

    bootstrap 3导航栏折叠按钮不起作用

  28. 28

    Bootstrap 3:可折叠的导航不会关闭

  29. 29

    Bootstrap 3 Navbar-导航栏的折叠属性问题

热门标签

归档