zoukankan      html  css  js  c++  java
  • bootstrap 按钮组件

      按钮组件主要的类名:

      .btn-toolbar     把几个  .btn-group 组合在一起,更复杂的组件

      .btn-group

      .btn-group-vertical   垂直堆叠显示    默认的是水平堆叠

      按钮组件大小:   .btn-group-lg大号      .btn-group-sm中号       .btn-group-xs 小号

    综合用法: 可以根据需要自行组合

      <div class="btn-toolbar">

        <div class="btn-group">

      `    <button class="btn  btn-default ">按钮1</button>

          <button class="btn  btn-default">按钮2</button>

        </div>

        <div class="btn-group">

          <button class="btn  btn-default ">按钮1</button>

          <button class="btn  btn-default ">按钮1</button>

          <div class="btn-group">  <!--这一部分和 定义下拉菜单的代码一样 .dropdown-->

            <button class="btn btn-default  dropdown-toggle"    data-toggle="dropdown">下拉按钮 <span class="caret"></span></button>

            <ul class="dropdown-menu" role="menu">

              <li  class="dropdown-header">标题</li>

              <li><a>html</a></li>    

              <li class="divider"><li>

              <li><a>css</a></li>      

            </ul>

          </div>

        </div>

      </div>

  • 相关阅读:
    Processing编程【2】
    哈工大锐捷网络处理问题
    processing编程【1】
    verilog入门知识【2】
    数字电路与逻辑设计知识清单【一】
    四位密码锁*电子密码锁的设计
    verilog入门知识【1】
    【Android】入门的一些知识。
    Andriod 入门
    关于Hibernate和Strtus2的xml提示问题
  • 原文地址:https://www.cnblogs.com/baota/p/6498325.html
Copyright © 2011-2022 走看看