您好,欢迎来到二三娱乐。
搜索
您的当前位置:首页bootstrap--引入和按钮

bootstrap--引入和按钮

来源:二三娱乐

引用和插入的俩种方法

  • 插入在线的文件
<title>Bootstrap引入</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->  
<link rel="stylesheet"   
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->  
<script   
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->  
<script  
  • 插入本地的文件
    按钮
  1. 定义
    • 第一种
      <a> </a>
    • 第二种
      <button> </button>
    • 第三种
      <input> </input>

2.属性

  • 颜色
    warning
    danger
    primary
    浅蓝 info
    绿 success
    默认 default
  • 大小
    btn-lg
    btn-sm
    极小 btn-xs
  • 状态
    禁用(不可点击)disabled
    激活 active
    *在<a>标签中直接使用,
    eg:<a disable>
    *在<button>中需要设置属性,
    eg:<button disabled="disabled">
  • 大小取决于父级所占的大小
    只需要加属性<a class="btn btn-block">
  • 按钮组
    单选
    <div class="btn-group" data-toggle="buttons"
    <lable class="btn">
    <input class="redio">
    </input>
    </lable>
    <lable class="btn">
    <input class="redio">
    <input>
    </lable>

如果把上述的redio改为checkbox,就成为了多选

Copyright © 2019- yule263.com 版权所有 湘ICP备2023023988号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务