加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
listcolumn_demo_2.htm 32.26 KB
一键复制 编辑 原始数据 按行查看 历史
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="Webplus">
<title>制造科学与工程学院</title>
<link rel="shortcut icon" href="Public/images/favicon.ico" type="image/vnd.microsoft.icon" />
<!--坑爹的IE兼容-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--360浏览器默认为WebKit内核打开-->
<meta name="renderer" content="webkit">
<!--移动优先-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--bootsrap v3.2.0-->
<link href="Public/css/bootstrap.css" rel="stylesheet" type="text/css"/>
<!--自定义元素设计扩展包-->
<link href="Public/css/material.css" rel="stylesheet" type="text/css"/>
<!--[if lt IE 9]>
<script src="Public/js/html5shiv.min.js" type="text/javascript"></script>
<script src="Public/js/respond.min.js" type="text/javascript"></script>
<![endif]-->
</head>
<body style="padding-top:50px">
<!--导航-->
<div class=" navbar-default navbar-inverse navbar-fixed-top" >
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://www.mise.swust.edu.cn" title="返回首页">学院首页</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<div class="nav navbar-nav menu">
<table >
<tr>
<td >
[频道1]
</td>
</tr>
</table>
</div>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#" data-toggle="modal" data-target="#login">
<span class="glyphicon glyphicon-credit-card"></span>
登录
</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-list"></span>
更多
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="/manage">
<span class="glyphicon glyphicon-cog"></span>
管理入口
</a>
</li>
<li><a href="http://202.115.161.184/">
<span class="glyphicon glyphicon-file"></span>
访问旧版
</a>
</li>
<li class="divider"></li>
<li>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=273940748&site=qq&menu=yes">
<span class="glyphicon glyphicon-comment"></span>
联系网站管理员
</a>
</li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</div>
<!--导航结束-->
<!--页头展示 开始-->
<div class="jumbotron">
<div class="container">
<img class="img" src="Public/images/logo7_1.png" alt=""/>
</div>
<br/><br/><br/>
</div>
<!--页头展示结束-->
<!--主要内容-->
<div class="container floating" >
<div class="row">
<!--左侧导航栏 开始-->
<div class="col-sm-2">
<div class="panel panel-primary panel-paper ">
<div class="panel-heading">
栏目导航
</div>
<div class="panel-body">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="nemufont">
<tr>
<td ><span class="glyphicon glyphicon-list-alt"></span></td>
<td>[栏目列表]</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="glyphicon glyphicon-chevron-right"></span></td>
<td>[二级栏目]</td>
</tr>
</table></td>
</tr>
</table>
</div>
</div>
</div>
<!--左侧导航栏 结束-->
<!--右侧文章列表 开始-->
<div class="col-sm-10">
<div class="panel-info panel-paper">
<div class="panel-body">
<!--文章列表-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<!--测试标题修改处-->
<td class="title">辅导员队伍</td>
</tr>
</table>
<hr/>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" class="">
<!-- 内容填充测试区域-->
<div class="row"><!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left">
<img alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/6dff4d42-11f5-495e-8c34-b5b13bb1c208.jpg" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong>
<!--教师姓名--> 陈家富
</strong>
</h4>
<!--是否研究生导师--> 所带班级:
<br />
<span style="background-color: #4cae4c" class="badge">过控12级</span>
<span style="background-color: #4cae4c" class="badge">工设12级</span>
<span style="background-color: #4cae4c" class="badge">成型12级</span>
<br />
<!--更多介绍--> <!--专项工作:<br/>-->
<span style="background-color: #269abc" class="badge">奖惩工作</span>
<span style="background-color: #269abc" class="badge">学生第一党支部书记</span></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48711/info.jspy">
详情
</a>
</div>
</div>
<!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary">
<a href="#" class="pull-left">
<img alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/7fbefac0-791f-4117-b157-0d2bccffd04f.jpg" class="media-object img-rounded" style="height:150px;width:auto;" />
</a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名-->
贾春花
</strong></h4>
<!--是否研究生导师-->
所带班级:<br />
<span style="background-color: #4cae4c" class="badge">机械专业2011级</span>
<br />
<!--更多介绍--> 专项工作:<br />
<span style="background-color: #269abc" class="badge">大音艺术团指导 教师</span>
<span style="background-color: #269abc" class="badge">心理工作</span>
<span style="background-color: #269abc" class="badge">学生第二党支部书记</span></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48712/info.jspy">详情</a></div>
</div>
<!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left"> <img alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/264f87c9-b765-407e-a9cc-fd324cb27bd2.JPG" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名--> 金玉萍 </strong></h4>
<!--是否研究生导师--> 所带班级:<br />
<span style="background-color: #4cae4c" class="badge">成型11级</span> <br />
<!--更多介绍--></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48714/info.jspy">详情</a></div>
</div>
<!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left"> <img height="150" alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/45d5466b-2c00-44cf-b3ee-28116b5f54b8.jpg" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名--> 黎秀红 </strong></h4>
<!--是否研究生导师--> 所带班级:<br />
<span style="background-color: #4cae4c" class="badge">工业工程2014级</span> <br />
<!--更多介绍--> 专项工作:<br />
<span style="background-color: #269abc" class="badge">助学贷款</span> <span style="background-color: #269abc" class="badge">保险</span></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48719/info.jspy">详情</a></div>
</div>
<!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left"> <img height="150" alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/01daa7d4-5e8e-426a-b794-bd2e31acb7c4.JPG" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名--> 蒲朝阳 </strong></h4>
<!--是否研究生导师--> 所带班级:<br />
<span style="background-color: #4cae4c" class="badge">机械2012级</span> <br />
<!--更多介绍--> 专项工作:<br />
<span style="background-color: #269abc" class="badge">院运动队建设</span> <span style="background-color: #269abc" class="badge">体育协会指导教师</span></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48715/info.jspy">详情</a></div>
</div>
<!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left"> <img alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/dc73794e-4503-4ce8-9508-bb3717fe69f9.jpg" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名--> 唐良虎 </strong></h4>
<!--是否研究生导师--> 所带班级:<br />
<span style="background-color: #4cae4c" class="badge">成型14级</span> <span style="background-color: #4cae4c" class="badge">过控14级</span> <br />
<!--更多介绍--> 专项工作:<br />
<span style="background-color: #269abc" class="badge">党建工作</span></div>
</div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48721/info.jspy">详情</a>
</div>
<!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left"> <img alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/bb37c102-7b15-42e2-ab9d-c6905d170e8d.jpg" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名--> 雍宛苡 </strong></h4>
<!--是否研究生导师--> 所带班级:<br />
<span style="background-color: #4cae4c" class="badge">工业设计2014级</span> <br />
<!--更多介绍-->专项工作:<br />
<span style="background-color: #269abc" class="badge">新生专项工作</span></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48718/info.jspy">详情</a></div>
</div>
<!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left"> <img alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/c147d2b4-5cbc-4519-957c-aede69b24608.JPG" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名--> 游万江 </strong></h4>
<!--是否研究生导师--> 所带班级:<br />
<span style="background-color: #4cae4c" class="badge">机械2014级</span> <br />
<!--更多介绍--> 专项工作:<br />
<span style="background-color: #269abc" class="badge">校友、招生</span></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48720/info.jspy">详情</a></div>
</div>
<!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left"> <img alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/b743cbbe-99ce-4cc7-bb66-068932c8e833.jpg" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名--> 李燕平 </strong></h4>
<!--是否研究生导师--> 所带班级:<br />
<span style="background-color: #4cae4c" class="badge">工设2013级</span> <br />
<!--更多介绍--> 专项工作:<br />
<span style="background-color: #269abc" class="badge">新闻中心指导老师</span></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48717/info.jspy">详情</a></div>
</div>
<!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left"> <img alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/36d61bbb-55fb-4fb8-890e-3822866d530b.png" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名--> 唐怡 </strong></h4>
<!--是否研究生导师--> 所带班级:<br />
<span style="background-color: #4cae4c" class="badge">工业工程2011级</span> <span style="background-color: #4cae4c" class="badge">工业工程2013级</span> <br />
<!--更多介绍--> 专项工作:<br />
<span style="background-color: #269abc" class="badge">学生第三党支部书记</span></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48722/info.jspy">详情</a></div>
</div>
<!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left"> <img alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/2cc9bafe-4c13-4576-a164-89acad9391d4.jpg" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名--> 周洪苹 </strong></h4>
<!--是否研究生导师--> 所带班级:<br />
<span style="background-color: #4cae4c" class="badge">成型13级</span> <span style="background-color: #4cae4c" class="badge">过控13级</span> <br />
<!--更多介绍--></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48723/info.jspy">详情</a></div>
</div>
<!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left"> <img height="150" alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/f2a74158-fe6d-4286-b0b0-278d973d0384.jpg" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名--> 李明辉 </strong></h4>
<!--是否研究生导师--> 所带班级:<br />
<span style="background-color: #4cae4c" class="badge">工业设计2011级</span> <br />
<!--更多介绍--> 专项工作:<br />
<span style="background-color: #269abc" class="badge">就业工作</span> <span style="background-color: #269abc" class="badge">毕业生工作</span></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48922/info.jspy">详情</a></div>
</div>
<!--END 教师名片--> <!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left"> <img height="150" alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/6580759a-cc1f-44f0-a9a9-082341bd6971.jpg" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名--> 江盟</strong></h4>
<!--是否研究生导师--> 所带班级:<br />
<span style="background-color: #4cae4c" class="badge">机械13级</span> <br />
<!--更多介绍--> 专项工作:<br />
<span style="background-color: #269abc" class="badge">勤助补免工作</span> <span style="background-color: #269abc" class="badge">学生第九党支部书记</span></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48921/info.jspy">详情</a></div>
</div>
<!--END 教师名片--> <!--教师名片开始-->
<div class="col-lg-4 col-sm-6">
<div style="" class="thumbnail media btn-paper panel-primary"><a href="#" class="pull-left"> <img height="150" alt="..." src="/picture/article/47/f32f1de5-de54-49b0-b990-d52b924e5598/da8b5de7-8936-4f3a-a21e-d67bb060f2d5.jpg" class="media-object img-rounded" style="height:150px;width:auto;" /> </a>
<div class="media-body text-muted">
<h4 class="media-heading "><strong> <!--教师姓名--> 肖湘菲</strong></h4>
<!--是否研究生导师--> 所带班级:<br />
<span style="background-color: #4cae4c" class="badge">工业工程2012级</span> <br />
<!--更多介绍--> 专项工作:<br />
<span style="background-color: #269abc" class="badge">新媒体建设</span> <span style="background-color: #269abc" class="badge">办公室事务</span> <span style="background-color: #269abc" class="badge">学生第八党支部书记</span></div>
<a style="position:absolute;top:5px;right:15px" class="btn btn-sm btn-info " href="/s/47/a/48909/info.jspy">详情</a></div>
</div>
<!--END 教师名片-->
</div>
<!-- END 内容填充测试区域-->
</td>
</table></td>
</table>
<!--文章列表 结束-->
</div>
</div>
</div>
<!--右侧文章列表 结束-->
</div>
</div>
<!--主要内容结束-->
<!--常用连接-->
<div class="well">
<div class="container">
<div class="col-sm-6">
<div class="page-header">
<h3>
常用连接
</h3>
</div>
<div>
<p>
<a href="http://www.swust.edu.cn">
西南科技大学主页
</a>
<a href="/node/1329">
网站管理制度
</a>
<a href="node/1328">
联系站长
</a>
<a href="http://www.mise.swust.edu.cn/user/register">
账户申请
</a>
</p>
</div>
</div>
<div class="col-md-6">
</div>
</div>
</div>
<!--常用连接结束-->
<!--页脚-->
<footer class="footer" >
<div class="text-center">
<br/>
<br/>
Copyright&nbsp;2014&nbsp;<a href="http://www.mise.swust.edu.cn">西南科技大学制造科学与工程学院</a><br/>
当前版本:V-2.0.0&nbsp;&nbsp;Powered&nbsp;by&nbsp;<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=273940748&site=qq&menu=yes">詹伟</a><br/>
蜀ICP备13012090号-1
<br/>
<br/>
<br/>
</div>
</footer>
</body>
<!--页脚结束-->
<!--模态框-->
<div id="login" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">用户登录</h4>
</div>
<div class="modal-body">
<table>
<br/>
<td>[频道4]</td>
</table>
</div>
</div>
</div>
</div>
<!--模态框结束-->
<!--javascript引入-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="Public/js/jquery.min.js" type="text/javascript"></script>
<!-- bootstrap,js-->
<script src="Public/js/bootstrap.min.js" type="text/javascript"></script>
<!--钉子插件-->
<script src="Public/js/jQuery.pin.js" type="text/javascript"></script>
<script>
$().ready(function() {
$(".pinned").pin({
minWidth: 940
});
});
</script>
<!--菜单特效-->
<script src="Public/js/jQuery.headroom.js" type="text/javascript"></script>
<script src="Public/js/headroom.js" type="text/javascript"></script>
<!--javascript引入结束-->
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化