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>

  • 相关阅读:
    494 Target Sum 目标和
    493 Reverse Pairs 翻转对
    492 Construct the Rectangle 构建矩形
    491 Increasing Subsequences 递增子序列
    488 Zuma Game 祖玛游戏
    486 Predict the Winner 预测赢家
    485 Max Consecutive Ones 最大连续1的个数
    483 Smallest Good Base
    Django Form组件
    Django Auth组件
  • 原文地址:https://www.cnblogs.com/baota/p/6498325.html
Copyright © 2011-2022 走看看