[英]Twitter Bootstrap Dropdown button not working?
I am beginner to twitter bootstrap and I am trying to create a dropdown button from the samples given in http://getbootstrap.com/ but it doesnt seems to work. 我是twitter bootstrap的初学者,我正在尝试从http://getbootstrap.com/中给出的示例创建一个下拉按钮,但它似乎不起作用。 please help... here is my code...
请帮忙......这是我的代码......
<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"
You mised data-toggle="dropdown"
你搞砸了
data-toggle="dropdown"
<button type="Button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
hi dear see this link of jsfddle demo DEMO 嗨,亲爱的,请看这个jsfddle demo DEMO的链接
add library jquery-1.11.0 bootstrap.mini.css docs.mini.css bootstrap.mini.js docs.mini.js 添加库jquery-1.11.0 bootstrap.mini.css docs.mini.css bootstrap.mini.js docs.mini.js
html 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
> >
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.