zoukankan      html  css  js  c++  java
  • Bootstrap按钮

    按钮和一个下拉按钮菜单组成的嵌套按钮组。特点,点击下拉按钮或是下拉符号就展开下拉菜单。
    <div class="btn-group"> <button type="button" class="btn btn-default">按钮 1</button> <button type="button" class="btn btn-default">按钮 2</button> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 下列 <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">下拉链接 1</a></li> <li><a href="#">下拉链接 2</a></li> </ul> </div> </div>

     就是一个下拉菜单的按钮组,但第一个按钮是一个选项。点第一个按钮不会弹出下拉菜单,只有占下拉符号的时候才弹出下拉菜单。

    <div class="btn-group">
        <button type="button" class="btn btn-success btn-sm">Mark as Read</button>
        <button type="button" class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown">
            <span class="caret"></span>
            <span class="sr-only">Toggle Dropdown</span>
        </button>
        <ul class="dropdown-menu" role="menu">
            <li><a href="#">Delete</a></li>
            <li><a href="#">Send SMS</a></li>
            <li><a href="#">Make cheese</a></li>
            <li class="divider"></li>
            <li><a href="#">Baz</a></li>
        </ul>
    </div>
  • 相关阅读:
    逆序对的相关问题:bzoj1831,bzoj2431
    bzoj3211,bzoj3038
    hdu 1179最大匹配
    hdu 3038带权并查集
    poj 1733离散化(map)+并查集
    codeforces 369B
    poj 1456
    POJ 1988相对偏移
    poj 1986tarjan模板题
    poj 1330lca模板题离线算法
  • 原文地址:https://www.cnblogs.com/liuyuanhao/p/4354802.html
Copyright © 2011-2022 走看看