zoukankan      html  css  js  c++  java
  • bootstrap 按钮下拉菜单

    .btn-group      <div class="btn-group "></div>下拉菜单

    .dropup  上拉菜单          <div class="btn-group   dropup"></div>   

    按钮下拉菜单:   形状和下拉菜单一点不同

      

    <div class="btn-group">
        <button type="button"   class="btn  btn-default">默认</button>
        <button type="button"    class="btn  btn-default  dropdown-toggle"     data-toggle="dropdown">
          <span class="caret"></span>
           <span class="sr-only">切换下拉菜单</span>
        </button>
        <ul class="dropdown-menu" role="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>
    <div class="btn-group">
      <button type="button"  class="btn  btn-primary">原始</button>
         <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span> <span class="sr-only">切换下拉菜单</span>
      </button>
      <ul class="dropdown-menu" role="menu">
         <li><a href="#">功能</a></li>
       </ul>
    </div>
  • 相关阅读:
    几种简单的素数判定法(转)
    在Ubuntu下编译WebKit源码
    Struts2+JSON特别让人恶心的一个问题
    强大的asp.net 绑定组件
    关于单点登陆的示例代码
    NHibernate 如何高效的数据翻页?
    FLEX学习网站大全
    pku1207
    windows7试用过程常见问题解答
    什么是HTTPS?
  • 原文地址:https://www.cnblogs.com/baota/p/6498411.html
Copyright © 2011-2022 走看看