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>
复制代码

posted @   秋风过、枯叶落  阅读(632)  评论(0)  编辑  收藏  举报
编辑推荐：
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行：
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 字符编码：从基础到乱码解决
点击右上角即可分享
微信分享提示
AI IDE Trae