zoukankan      html  css  js  c++  java
  • Bootstrap系列 -- 36. 向上弹起的下拉菜单

     有些菜单是需要向上弹出的,比如说你的菜单在页面最底部,而这个菜单正好有一个下拉菜单,为了让用户有更好的体验,不得不让下拉菜单向上弹出。在Bootstrap框架中专门为这种效果提代了一个类名“dropup”。使用方法正如前面所示,只需要在“btn-group”上添加这个类名(当然,如果是普通向上弹出下拉菜单,你只需要在“dropdown”类名基础上追加“dropup”类名即可)。

    复制代码
    <div class="btn-group dropup">
        <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">按钮下拉菜单<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><a href="##">按钮下拉菜单项</a></li>
        </ul>
    </div>
  • 相关阅读:
    git
    redis
    Hexo-butterfly-magicv3.0.1(持续更新中....)
    转发好文章1
    0x07 Nagios Notifications
    0x06 nagios监控状态
    0x05 Nagios Host Check
    0x03 Nagios Plugins介绍
    0x02 Nagios CGI的认证和授权
    0x01 Nagios配置文件
  • 原文地址:https://www.cnblogs.com/telwanggs/p/7723832.html
Copyright © 2011-2022 走看看