Difference between revisions of "Team:NPU-China/test"
(Created page with "<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例</title> <!-- 包含头部信息用于适应不同设备 --> <meta name="viewport"...") |
|||
| Line 45: | Line 45: | ||
<h2>图像</h2> | <h2>图像</h2> | ||
<p>创建响应式图片(将扩展到父元素)。 另外：图片以椭圆型展示：</p> | <p>创建响应式图片(将扩展到父元素)。 另外：图片以椭圆型展示：</p> | ||
| − | <img src="cinqueterre.jpg" class="img-responsive img-circle" alt="Cinque Terre" width="304" height="236"> | + | <img src="https://www.runoob.com/try/demo_source/cinqueterre.jpg" class="img-responsive img-circle" alt="Cinque Terre" width="304" height="236"> |
<h2>图标</h2> | <h2>图标</h2> | ||
Revision as of 14:51, 30 July 2017
<!DOCTYPE html>
表格
创建响应式表格 (将在小于768px的小型设备下水平滚动)。另外：添加交替单元格的背景色：
| # | Name | Street |
|---|---|---|
| 1 | Anna Awesome | Broome Street |
| 2 | Debbie Dallas | Houston Street |
| 3 | John Doe | Madison Street |
图像
创建响应式图片(将扩展到父元素)。 另外：图片以椭圆型展示：
图标
插入图标:
云图标:
信件图标:
搜索图标:
打印图标:
下载图标：
