推特引导下拉按钮不工作

Twitter Bootstrap Dropdown button not working?

本文关键字：按钮 工作      更新时间：2023-09-26

我是初学者推特引导，我试图创建一个下拉按钮从http://getbootstrap.com/给出的样本，但它似乎不起作用。请帮助……这是我的代码…

        <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" 

<button type="Button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">

更新小提琴

嗨，看这个jsfddle demo demo的链接

add library jquery-1.11.0bootstrap.mini.cssdocs.mini.cssbootstrap.mini.jsdocs.mini.js 

 <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

>

相关文章：