Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.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
Javascript Twitter引导下拉按钮不工作?_Javascript_Jquery_Css_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

Javascript Twitter引导下拉按钮不工作?

Javascript Twitter引导下拉按钮不工作?,javascript,jquery,css,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Css,Twitter Bootstrap,Twitter Bootstrap 3,我是twitter引导程序的初学者,我正在尝试根据中给出的示例创建一个下拉按钮,但它似乎不起作用。请帮忙。。。 这是我的密码 <div class="btn-group"> <button type="Button" class="btn btn-primary dropdown-toggle"> Login As <span class="caret"&g

我是twitter引导程序的初学者,我正在尝试根据中给出的示例创建一个下拉按钮,但它似乎不起作用。请帮忙。。。 这是我的密码

        <div class="btn-group">
            <button type="Button" class="btn btn-primary dropdown-toggle">
                Login As 
                  <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="/Home/Admin">Admin</a></li>
                <li><a href="/Home/Employee">Employee</a></li>
                <li><a href="/Home/Other">Other User</a></li>
            </ul>
        </div>

登录为

这是我的

您需要将其包含在按钮标签中:

data-toggle="dropdown"

您输入了
data toggle=“dropdown”



您好,亲爱的,请参阅JSFDDL演示的此链接

添加库jquery-1.11.0 bootstrap.mini.css docs.mini.css bootstrap.mini.js docs.mini.js

html

 <nav role="navigation" class="navbar navbar-inverse">
        <div class="navbar-header">
            <div class="navbar-brand">MySample Login</div>
        </div>
    </nav>
    <div class="container">
        <form class="form-group col-xs-5">
            <label>UserName</label>
            <input type="text" class="form-control" placeholder="User Name" />

            <label>Password</label>
            <input type="password" class="form-control" placeholder="Password" />
            <br />
            <div class="btn-group">
                <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
    login<span class="caret"></span>
  </button>

                <ul class="dropdown-menu">
                    <li><a href="/Home/Admin">Admin</a></li>
                    <li><a href="/Home/Employee">Employee</a></li>
                    <li><a href="/Home/other">Other User</a></li>
                </ul>
            </div>
            <button class="btn btn-success" type="reset">Clear</button>
        </form>
    </div

MySample登录
用户名
密码

登录
清楚的

提问时,应删除与问题无关的所有代码。非常感谢!!:)
 <nav role="navigation" class="navbar navbar-inverse">
        <div class="navbar-header">
            <div class="navbar-brand">MySample Login</div>
        </div>
    </nav>
    <div class="container">
        <form class="form-group col-xs-5">
            <label>UserName</label>
            <input type="text" class="form-control" placeholder="User Name" />

            <label>Password</label>
            <input type="password" class="form-control" placeholder="Password" />
            <br />
            <div class="btn-group">
                <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
    login<span class="caret"></span>
  </button>

                <ul class="dropdown-menu">
                    <li><a href="/Home/Admin">Admin</a></li>
                    <li><a href="/Home/Employee">Employee</a></li>
                    <li><a href="/Home/other">Other User</a></li>
                </ul>
            </div>
            <button class="btn btn-success" type="reset">Clear</button>
        </form>
    </div