Difference between revisions of "Team:NPU-China/test"
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | + | ||
| − | + | <meta charset="utf-8"> | |
<title>Bootstrap 实例</title> | <title>Bootstrap 实例</title> | ||
<!-- 包含头部信息用于适应不同设备 --> | <!-- 包含头部信息用于适应不同设备 --> | ||
| Line 7: | Line 7: | ||
<!-- 包含 bootstrap 样式表 --> | <!-- 包含 bootstrap 样式表 --> | ||
<link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css"> | <link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css"> | ||
| − | |||
| − | + | ||
| + | |||
<div class="container"> | <div class="container"> | ||
<h2>表格</h2> | <h2>表格</h2> | ||
| Line 60: | Line 60: | ||
<!-- 可选: 合并了 Bootstrap JavaScript 插件 --> | <!-- 可选: 合并了 Bootstrap JavaScript 插件 --> | ||
<script src="https://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script> | <script src="https://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
| − | + | ||
</html> | </html> | ||
Revision as of 14:55, 30 July 2017
表格
创建响应式表格 (将在小于768px的小型设备下水平滚动)。另外：添加交替单元格的背景色：
| # | Name | Street |
|---|---|---|
| 1 | Anna Awesome | Broome Street |
| 2 | Debbie Dallas | Houston Street |
| 3 | John Doe | Madison Street |
图像
创建响应式图片(将扩展到父元素)。 另外：图片以椭圆型展示：
图标
插入图标:
云图标:
信件图标:
搜索图标:
打印图标:
下载图标：
