Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用引导创建菜单不起作用_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Jquery 使用引导创建菜单不起作用

Jquery 使用引导创建菜单不起作用,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我尝试使用引导创建一个响应菜单。但我不知道如何实现这一点 我的想法是,左边应该有一个标志,右边应该有菜单 下面是我的菜单想法。看一看, 是否可以使用引导程序创建类似上图的菜单 我试过下面的代码 <div class="menu"> <div class="container"> <div class="row"> <div class="col-sm-3 vcenter">

我尝试使用引导创建一个响应菜单。但我不知道如何实现这一点

我的想法是,左边应该有一个标志,右边应该有菜单

下面是我的菜单想法。看一看,

是否可以使用引导程序创建类似上图的菜单

我试过下面的代码

<div class="menu">
        <div class="container">
            <div class="row">
                <div class="col-sm-3 vcenter">
                    <p><img src="<?php echo base_url("assets/images/logo.png"); ?>" alt="Logo" /></p>
                </div>
                <div class="col-sm-9 vcenter">
                    <nav role="navigation" class="navbar navbar-default">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <!-- Collection of nav links and other content for toggling -->
                        <div id="navbarCollapse" class="collapse navbar-collapse">
                            <ul class="nav navbar-nav navbar-right">
                                <li class="active"><a href="#">Home</a></li>
                                <li><a href="#">Profile</a></li>
                                <li><a href="#">Messages</a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>

“alt=”Logo“/>

切换导航

好吧,我不知道你是否发布了完整的代码,但你应该从头开始,包括引导CSS和引导JS(以及jquery)


Congat's,Bootstrap真的很酷,对于像我这样的老开发人员来说,这是天堂。

通过这种方式,您可以实现它---

全屏播放


安全登录
切换导航

请看这里:您确实需要首先尝试使用doc示例,然后再次询问是否遇到特定问题。@ZimSystem:再次检查问题。我已编辑。什么不起作用?Javascript错误?Css问题?其他问题?我想您应该重新开始使用doc示例。我可以知道问题的原因吗还是否决票?