<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title></title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<style>
body { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; }
.tab-h2 { font-size: 20px; text-align: center; letter-spacing: 1px; color: #0059b2; }
.tab-p { font-size: 15px; text-align: center; letter-spacing: 1px; color: #999; margin: 20px 0 40px 0; }
.tab1 { margin: 30px 0; color: #666; }
.tab1 .text-muted { color: #999; text-decoration: line-through;}
.tab1 .media-heading { margin: 5px 0 20px 0;}
.tab1 .col { padding: 20px;}
/*没有小于768px，是因为Bootstrap3以移动端优先设计*/
/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
.tab-h2 { font-size: 26px; }
.tab-p { font-size: 16px; }
}
/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {
.tab-h2 { font-size: 28px; }
.tab-p { font-size: 17px; }
}
/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {
.tab-h2 { font-size: 30px; }
.tab-p { font-size: 18px; }
}
</style>
</head>
<body>
<div class="tab1">
<div class="container">
<h2 class="tab-h2">「一站式共享网络」</h2>
<p class="tab-p">阅谁问君诵，水落清香浮。阅谁问君诵，水落清香浮。</p>
<div class="row">
<div class="col-md-6 col">
<div class="media">
<div class="media-left">
<a href="#"><img src="img/tab1-1.png" class="media-object" alt=""></a>
</div>
<div class="media-body">
<h4 class="media-heading">标题标题</h4>
<p class="text-muted">删除线删除线删除线删除线删除线删除线</p>
<p>阅谁问君诵，水落清香浮。阅谁问君诵，水落清香浮。</p>
</div>
</div>
</div>
<div class="col-md-6 col">
<div class="media">
<div class="media-left">
<a href="#"><img src="img/tab1-1.png" class="media-object" alt=""></a>
</div>
<div class="media-body">
<h4 class="media-heading">标题标题</h4>
<p class="text-muted">删除线删除线删除线删除线删除线删除线</p>
<p>阅谁问君诵，水落清香浮。阅谁问君诵，水落清香浮。</p>
</div>
</div>
</div>
<div class="col-md-6 col">
<div class="media">
<div class="media-left">
<a href="#"><img src="img/tab1-1.png" class="media-object" alt=""></a>
</div>
<div class="media-body">
<h4 class="media-heading">标题标题</h4>
<p class="text-muted">删除线删除线删除线删除线删除线删除线</p>
<p>阅谁问君诵，水落清香浮。阅谁问君诵，水落清香浮。</p>
</div>
</div>
</div>
<div class="col-md-6 col">
<div class="media">
<div class="media-left">
<a href="#"><img src="img/tab1-1.png" class="media-object" alt=""></a>
</div>
<div class="media-body">
<h4 class="media-heading">标题标题</h4>
<p class="text-muted">删除线删除线删除线删除线删除线删除线</p>
<p>阅谁问君诵，水落清香浮。阅谁问君诵，水落清香浮。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="height: 10000px;"></div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
效果图：
相关推荐
总结来说，Bootstrap第二十五章的案例旨在帮助开发者深入理解和应用Bootstrap框架，包括但不限于网格系统、预定义样式、导航条、模态框、下拉菜单以及源码的定制。通过这些案例，你可以提升自己的前端开发技能，快速...
Bootstrap是世界上最受欢迎的前端开发框架，它为开发者提供了丰富的组件、样式和JavaScript插件，用于快速构建响应式和移动优先的网站。以下是对Bootstrap常用25个知识点的详细阐述： 1. **栅格系统**：Bootstrap的...
响应式 Web 开发项目教程（HTML5+CSS3+Bootstrap）第 2 版第 1 章 HTML5+CSS3 初体验课后练习 本资源涉及到的知识点包括 HTML5、CSS3、Bootstrap 等响应式 Web 开发技术。下面是对每个知识点的详细解释： 一、 ...
第二章 排版样式 第三章 表格和按钮 第四章 表单和图片 第五章 栅格系统 第六章 辅助类和响应式工具 第七章 图标菜单按钮组件 第八章 输入框和导航组件 .............共二十章，后面带开发实例！
在本节 "[SSH+Maven+Bootstrap视频教程]_第 二十四 讲" 中，我们将深入探讨集成开发环境中的三个关键技术：Struts、Spring 和 Hibernate（通常简称为 SSH），以及如何利用 Maven 进行项目管理和构建，同时结合 ...
第22章 分类 第23章 重温概率：随机过程 第24章 模拟方法 英文版目录 Chapter 1 Probability. Chapter 2 Random Variables. Chapter 3 Expectation Chapter 4 Inequalities Chapter 5 Convergence of Random ...
All Of Statistics Larry Wasserman 统计学完全教程 作者：(美国)活塞曼 译者：张波 中英文版都有，带详细书签，高清文字版 《统计学完全教程》除了介绍传统数理统计学的全部内容以外，还包含了...第22章 分类
浙大版《概率论与数理统计》（第四版）第十一章实验数据、实验步骤与实验结果 内容包括： 1、概述（这个略过没有实验） 2、箱线图 3、假设实验 （一）假设检验问题p值的求法 （二）两个等方差正态总体的均值差的检验...
在HTML第五章中，我们主要探讨的是在网页制作过程...综上所述，HTML第五章所涉及的工具涵盖了从编码、设计、调试到部署的整个开发流程，熟练掌握这些工具将使开发者的工作更为高效，同时也提升了网页的质量和用户体验。
第22章 01 模块的补充 02 sys修改环境变量 03 BASEDIR的介绍 04 os模块的介绍 05 sys模块的介绍 06 json模块 07 pickle模块 08 shelve模块 09 XML模块 10 re模块简介 11 re模块之元字符 第23章 01 re模块之转义...
【ASP.NET开发典型模块大全(1DVD)第三十二章】主要涵盖了ASP.NET技术在实际开发中的广泛应用和深入解析。这一章可能包含多个部分，详细讲解了如何构建高效、功能丰富的Web应用程序。作为ASP.NET开发的重要资源，这个...
第1章 Spring Boot 简介 讲解Spring Boot的项目背景，已经与其他技术框架（比如，Spring、SpringMVC、SpringCloud等）的关系...第22章 博客系统总结 对所有模块进行集成，并进行集成测试。对整个系统进行总结及展望。
5. **第十一章至第十二章：创建在线教育平台** - 学生注册和选课 - 运用缓存框架 - 创建RESTful API 6. **第十三章：上线——柚子小站** - 部署项目的准备工作 - 设置生产环境 #### 三、章节详细内容解析 **...
第二章 相关技术介绍 10 2.1 Javascript 10 2.2 Ajax 10 2.3 MySQL 10 2.4 SSM框架 10 2.5 Maven框架 11 2.6 JSP 12 2.7 B/S模式 12 2.8 BootStrap 13 2.9系统开发平台及运行环境 14 2.9.1系统开发平台 14 2.9.2运行...
第十二章：网站维护与更新 学习如何定期备份，跟踪和修复错误，以及如何根据用户反馈进行网站迭代。 第十三章：CMS系统使用 内容管理系统（如WordPress、Joomla或Drupal）可以让非技术人员也能轻松管理网站。本章将...
第十二章：CMS与Web框架 探讨内容管理系统（CMS）如WordPress和Web开发框架（如Bootstrap、Angular等），让学生了解如何快速构建复杂的网站项目。 每个章节都包含详细的讲解、示例代码和习题，以确保学习者能够通过...
- **第22-24章：CodeIgniter**：介绍 CodeIgniter 框架的基础知识、MVC 实现、扩展方法和测试技术。 - **第25-28章：Zend Framework**：讲解 Zend Framework 的基础知识、MVC 设计、扩展方法和测试技术。 - **第29-...