如何在引导程序中启用切换按钮导航栏切换

GibboK

当浏览器窗口处于手机大小时,我需要显示navbar-toggle,当用户单击它时,我想显示一个列表(类似于此http://getbootstrap.com/examples/navbar-static-top/)。

任何想法如何解决我的代码?

http://jsfiddle.net/D2RLR/7492/

<div class="container">
    <!-- navbar -->
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">KanbanBoard</a>

                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <button type="button" class="btn btn-default navbar-btn">Boards</button>
                <button type="button" class="btn btn-default navbar-btn navbar-right"><span class="glyphicon glyphicon-cog"></span>&nbsp;MY NAME</button>
            </div>
        </div>
    </nav>

    <!-- boards -->
    <div ng-view></div>
</div>
汗33

Muke确定您已经添加了JQuery一段时间,应该将其添加到页面顶部

如果您想使用CDN

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在我的引导程序3导航栏中打开仅折叠折叠时如何切换按钮的颜色

来自分类Dev

切换按钮折叠在引导程序中的Bootstrap导航栏中不起作用

来自分类Dev

我如何在导航栏切换引导程序中将位置更靠左?

来自分类Dev

使用按钮切换引导导航栏

来自分类Dev

引导导航栏不切换

来自分类Dev

引导程序下拉列表:“导航栏切换”事件?

来自分类Dev

如何在Bootstrap中向左移动导航栏切换按钮和徽标?

来自分类Dev

如何使用导航栏切换右侧的登录按钮

来自分类Dev

引导程序3中的导航栏切换,无需使用“ navbar-default”类

来自分类Dev

导航抽屉中的切换按钮

来自分类Dev

如何在引导按钮类onClick之间切换?

来自分类Dev

如何添加菜单以切换引导中的导航栏

来自分类Dev

引导导航栏移动切换不起作用

来自分类Dev

有没有一种方法可以将引导程序中的导航栏切换按钮添加为屏幕上的固定按钮?

来自分类Dev

如何从 React 中的引导程序切换菜单制作移动按钮?

来自分类Dev

调整为较小的分辨率时,无法使引导导航栏显示切换按钮

来自分类Dev

如何复制引导移动导航栏切换(不使用引导)?

来自分类Dev

导航栏切换按钮打开,然后立即关闭

来自分类Dev

Bootstrap 导航栏切换按钮不显示内容

来自分类Dev

如何在android中设置动画切换按钮

来自分类Dev

如何在Flutter中创建切换按钮?

来自分类Dev

如何在服务中设置切换按钮?

来自分类Dev

如何在离子中添加切换按钮

来自分类Dev

切换拉伸顶部导航栏

来自分类Dev

禁用导航栏切换

来自分类Dev

切换导航栏的问题

来自分类Dev

如何在引导程序中为链接设置多个数据切换?

来自分类Dev

如何在引导程序中为链接设置多个数据切换?

来自分类Dev

在余烬中单击导航栏中的按钮时切换侧边栏

Related 相关文章

  1. 1

    如何在我的引导程序3导航栏中打开仅折叠折叠时如何切换按钮的颜色

  2. 2

    切换按钮折叠在引导程序中的Bootstrap导航栏中不起作用

  3. 3

    我如何在导航栏切换引导程序中将位置更靠左?

  4. 4

    使用按钮切换引导导航栏

  5. 5

    引导导航栏不切换

  6. 6

    引导程序下拉列表:“导航栏切换”事件?

  7. 7

    如何在Bootstrap中向左移动导航栏切换按钮和徽标?

  8. 8

    如何使用导航栏切换右侧的登录按钮

  9. 9

    引导程序3中的导航栏切换,无需使用“ navbar-default”类

  10. 10

    导航抽屉中的切换按钮

  11. 11

    如何在引导按钮类onClick之间切换?

  12. 12

    如何添加菜单以切换引导中的导航栏

  13. 13

    引导导航栏移动切换不起作用

  14. 14

    有没有一种方法可以将引导程序中的导航栏切换按钮添加为屏幕上的固定按钮?

  15. 15

    如何从 React 中的引导程序切换菜单制作移动按钮?

  16. 16

    调整为较小的分辨率时,无法使引导导航栏显示切换按钮

  17. 17

    如何复制引导移动导航栏切换(不使用引导)?

  18. 18

    导航栏切换按钮打开,然后立即关闭

  19. 19

    Bootstrap 导航栏切换按钮不显示内容

  20. 20

    如何在android中设置动画切换按钮

  21. 21

    如何在Flutter中创建切换按钮?

  22. 22

    如何在服务中设置切换按钮?

  23. 23

    如何在离子中添加切换按钮

  24. 24

    切换拉伸顶部导航栏

  25. 25

    禁用导航栏切换

  26. 26

    切换导航栏的问题

  27. 27

    如何在引导程序中为链接设置多个数据切换?

  28. 28

    如何在引导程序中为链接设置多个数据切换?

  29. 29

    在余烬中单击导航栏中的按钮时切换侧边栏

热门标签

归档