码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap table响应式布局,cdn引入

时间:2016-11-26 11:48:06      阅读:386      评论:0      收藏:0      [点我收藏+]

标签:boot   str   lang   author   响应式布局   表格   contain   script   document   

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<link href="../css/bootstrap.css" type="text/css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script>
$(function(){
// alert(‘ddd‘);
});
</script>
</head>
<body>
<div class="container">
<div class="row">
<table class="table table-bordered table-responsive">
<thead>
<tr>
<th>表格标题</th>
<th>表格标题</th>
<th>表格标题</th>
</tr>
</thead>
<tbody>
<tr class="success">
<td>表格单元</td>
<td>表格单元</td>
<td>表格单元</td>
</tr>
<tr>
<td>表格单元</td>
<td>表格单元</td>
<td>表格单元</td>
</tr>
<tr>
<td>表格单元</td>
<td>表格单元</td>
<td>表格单元</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>

bootstrap table响应式布局,cdn引入

标签:boot   str   lang   author   响应式布局   表格   contain   script   document   

原文地址:http://www.cnblogs.com/zhouzhou163/p/6103602.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!