zoukankan      html  css  js  c++  java
  • 吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮:按钮大小

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8"> 
        <title>Bootstrap 实例 - 按钮大小</title>
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
    
    <p>
       <button type="button" class="btn btn-primary btn-lg">大的原始按钮</button>
       <button type="button" class="btn btn-default btn-lg">大的按钮</button>
    </p>
    <p>
       <button type="button" class="btn btn-primary"> 默认大小的原始按钮</button>
       <button type="button" class="btn btn-default"> 默认大小的按钮</button>
    </p>
    <p>
       <button type="button" class="btn btn-primary btn-sm">小的原始按钮</button>
       <button type="button" class="btn btn-default btn-sm">小的按钮</button>
    </p>
    <p>
       <button type="button" class="btn btn-primary btn-xs">特别小的原始按钮</button>
       <button type="button" class="btn btn-default btn-xs">特别小的按钮</button>
    </p>
    <p>
       <button type="button" class="btn btn-primary btn-lg btn-block">块级的原始按钮</button>
       <button type="button" class="btn btn-default btn-lg btn-block">块级的按钮</button>
    </p>
    
    </body>
    </html>

  • 相关阅读:
    显示游标的属性
    显示游标的处理
    5:查询两表中的所有字段,满足性别为‘男’的记录(使用语句块)
    JS 进阶1
    JS 小练习
    驼峰法
    JS 入门四
    JS 入门三
    javascript中window.open()与window.location.href的区别(转)
    JavaScript 之日起对象(转)
  • 原文地址:https://www.cnblogs.com/tszr/p/10888860.html
Copyright © 2011-2022 走看看