zoukankan      html  css  js  c++  java
  • Bootstrap 表格2

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Bootstrap历练实例:表格2</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
    </head>
    <body>
    <div class="container">
    <h2>&lt; tr &gt;、&lt; th &gt; 和 &lt; td &gt;</h2>
    <p>.active:将悬停的颜色应用在行或者单元格上</p>
    <p>.success:表示一个成功的或积极的动作</p>
    <p>.info:表示信息变化的操作</p>
    <p>.warning:表示一个需要注意的警告</p>
    <p>.danger:表示一个危险的或潜在的负面动作</p>
    <table class="table">
    <thead >
    <tr class="success">
    <th>序号</th><th>课程</th>
    </tr>
    </thead>
    <tbody >
    <tr class="active">
    <td>1</td>
    <td>HTML5</td>
    </tr>
    <tr class="info">
    <td>2</td>
    <td>CSS3</td>
    </tr>
    <tr class="warning">
    <td>3</td>
    <td>JavaScript</td>
    </tr>
    <tr class="danger">
    <td>4</td>
    <td>jQuery</td>
    </tr>
    <tr>
    <td>5</td>
    <td>Bootstrap</td>
    </tr>
    <tr>
    <td>6</td>
    <td>Aanglur JS</td>
    </tr>
    </tbody>
    <tfoot></tfoot>
    </table>
    </div>

    <script src="Css/jquery-2.1.4.js"></script>
    <script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    </body>
    </html>

  • 相关阅读:
    过滤器
    JSTL自定义标签
    EL表达式自定义函数
    和 区别
    JSTL标签
    jsp内置对象
    Java堆、栈和常量池以及相关String的详细讲解(转)
    jsp和servlet学习总结
    JAVA多线程实现的两种方式
    redis示例
  • 原文地址:https://www.cnblogs.com/melao2006/p/4986693.html
Copyright © 2011-2022 走看看