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>

  • 相关阅读:
    Android酷炫实用的开源框架(UI框架)
    The official raywenderlich.com Objective-C style guide.
    mac os 利用ssh 搭建git server服务器详细教程,以及git基本用法
    创建者模式
    工厂模式之我见
    设计模式的学习
    MSSQL基础
    Ini文件帮助类
    Nuget的使用
    Oracle批量执行脚本文件
  • 原文地址:https://www.cnblogs.com/baota/p/6498325.html
Copyright © 2011-2022 走看看