2016 医疗项目 Bootstrap 自适应页面布局
Posted Greg
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了2016 医疗项目 Bootstrap 自适应页面布局相关的知识，希望对你有一定的参考价值。
<!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>
以上是关于2016 医疗项目 Bootstrap 自适应页面布局的主要内容，如果未能解决你的问题，请参考以下文章