zoukankan      html  css  js  c++  java
  • 2016 医疗项目 Bootstrap 自适应页面布局(1)

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>home</title>
        <!--[if lt IE 9]>
        <meta http-equiv="refresh" content="0;ie.html" />
        <![endif]-->
        <!--Bootstrap 内核 css 开始-->
        <link href="Bootstrap/css/bootstrap-theme.css" rel="stylesheet" />
        <link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet" />
        <!--Bootstrap 内核 css 结束-->
        <!--Bootstrap 插件 css 开始-->
        <link href="Bootstrap/css/plugins/bootstrap-jquery-confirm/jquery-confirm.css" rel="stylesheet" />
        <!--Bootstrap 插件 css 结束-->
    
    </head>
    <body>
        <div class="container">
            <h1>系统统计. <small>患者、医生...</small></h1>
    
            <div class="row">
                <div class="col-xs-6">
                    <h2>患者</h2>
                </div>
                <div class="col-xs-6">
                    <h2>详情</h2>
                    <p>目前接受治疗的人数 <a class="btn btn-default" href="#">【100】</a></p>
                    <p>三个月内停治的人数 <a class="btn btn-default" href="#">【100】 </a></p>
                    <p>超过一个月未参与治疗人数<a class="btn btn-default" href="#">【100】 </a></p>
    
                </div>
                
            </div>
            <div class="row">
                <div class="col-xs-6">
                    <h2>医生</h2>
                </div>
                <div class="col-xs-6">
                    <h2>详情</h2>
                    <p>合作医生的人数 <a class="btn btn-default" href="#">【100】</a></p>
                    <p>合作后又停止合作的医生人数 <a class="btn btn-default" href="#">【100】</a></p>
                    <p>超过一个月未参与治疗人数<a class="btn btn-default" href="#">【100】</a></p>
    
                </div>
    
            </div>
    
        <!--Bootstrap 内核 js 开始-->
        <script src="jQuery/jquery-2.1.1.js"></script>
        <script src="Bootstrap/js/bootstrap.min.js"></script>
        <!--Bootstrap 内核 js 结束-->
        <!--Bootstrap 插件 js 开始-->
        <script src="Bootstrap/js/plugins/bootstrap-jquery-confirm/jquery-confirm.js"></script>
        <!--Bootstrap 插件 js 结束-->
    </body>
    </html>

  • 相关阅读:
    000IntelliJ IDEA字体大小设置 超级菜鸟
    Zend_Captcha_Image使用及部分功能重写 基于zend Framework 1.6
    人民币存贷款基准利率调整表20110707
    PHP 取得某天前后N天的日期
    jquery 实现 鼠标拖拽元素复制并写入效果
    使用 JScript 创建 .exe 或 .dll 文件
    js window.location
    jquery 中的 $("#air") 与 document.getElementById("air") 的区别
    jquery 查找 iframe 父级页面元素
    php 批量替换文件名
  • 原文地址:https://www.cnblogs.com/foreverfendou/p/5510066.html
Copyright © 2011-2022 走看看