你的位置:首页 > 软件开发 > 网页设计 > BootStrap学习_下拉菜单按钮组

BootStrap学习_下拉菜单按钮组

发布时间:2015-11-04 14:00:48
一、下拉菜单1.基本下拉菜单如需使用下列菜单,只需要在class .dropdown 内加上下拉菜单即可。下面的实例演示了基本的下拉菜单: <!DOCTYPE html><html ="http://www.w3.org/1999/xhtm ...

BootStrap学习_下拉菜单按钮组

一、下拉菜单

1.基本下拉菜单

如需使用下列菜单,只需要在class .dropdown 内加上下拉菜单即可。下面的实例演示了基本的下拉菜单:

 

<!DOCTYPE html><html ="http://www.w3.org/1999/xhtml"><head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  <title></title> <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"/><script src='/images/loading.gif' data-original="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script><script src='/images/loading.gif' data-original="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script></head><body>  <div class="dropdown">  <button type="button" class="btn dropdown-toggle"    data-toggle="dropdown">   二手家电   <span class="caret"></span>  </button>  <ul class="dropdown-menu">   <li>     <a href="#">冰箱</a>   </li>   <li>     <a href="#">洗衣机</a>   </li>   <li>     <a href="#">      电视     </a>   </li>   <li class="divider"></li>   <li>     <a href="#">热水器</a>   </li>  </ul></div></body></html>

原标题:BootStrap学习_下拉菜单按钮组

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录