Bootstrap常用技巧lrs

$(function(){
        /*导航跳转效果插件*/
        $(‘.nav‘).singlePageNav({
            offset:70
        });
        /*小屏幕导航点击关闭菜单*/
        $(‘.navbar-collapse a‘).click(function(){
            $(‘.navbar-collapse‘).collapse(‘hide‘);
        });
        new WOW().init();
    })

    <!-- 导航 -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- 小屏幕导航按钮和logo -->
            <div class="navbar-header">
                <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="indexs.html" class="navbar-brand">云优</a>
            </div>
            <!-- 小屏幕导航按钮和logo -->

            <!-- 导航 -->
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-left">
                    <li class="active">
                        <a href="#">首页</a>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">

                    <li>
                        <a href="#bbs">论坛</a>
                    </li>
                    <li>
                        <a href="">前端开发</a>
                    </li>
                    <li>
                        <a href="">最新课程</a>
                    </li>
                    <li>
                        <a href="">移动APP</a>
                    </li>
                    <li>
                        <a href="">联系我们</a>
                    </li>
                </ul>

            </div>
            <!-- 导航 -->
        </div>
    </nav>
    <!-- 导航 -->