响应式嵌入内容
2015-09-25 09:54
253 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge">
<meta name="viewport" content="width=device-width;initial-scale=1">
<title>Bootstrap</title>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<!-- <link rel="stylesheet" type="text/css" href="foo.css"> -->
<script src="jquery-1.11.3.js"></script>
<script src="bootstrap.min.js"></script>
<script src="foo.js"></script>
</head>
<body>
<div class="container">
<div class="embed-responsive embed-responsive-4by3"> <!-- 16by9 -->
<iframe class="embed-responsive-item" src="video.ogg"></iframe>
</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge">
<meta name="viewport" content="width=device-width;initial-scale=1">
<title>Bootstrap</title>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<!-- <link rel="stylesheet" type="text/css" href="foo.css"> -->
<script src="jquery-1.11.3.js"></script>
<script src="bootstrap.min.js"></script>
<script src="foo.js"></script>
</head>
<body>
<div class="container">
<div class="embed-responsive embed-responsive-4by3"> <!-- 16by9 -->
<iframe class="embed-responsive-item" src="video.ogg"></iframe>
</div>
</div>
</body>
</html>
相关文章推荐
- iOS开发 项目中Swift与OC混编
- poj刷题顺序
- LeetCode题解——Intersection of Two Linked Lists
- [刷题]2 Sum
- IOS疯狂基础之GestureRecognizer手势
- Servlet 工作原理解析
- Unity5 的新旧延迟渲染Deferred Lighting Rendering Path
- 通用sqlserver分页存储过程
- iteye的博客地址
- 二插排序树各种算法
- 重载成员函数
- android学习笔记11 - LayoutParams布局控制
- Asp.Net Mvc + ComBoost.Mvc快速开发
- 关于Adapter的The content of the adapter has changed but ListView did not receive a notification.问题分析
- 软件系统分析师与架构师技能大PK(您具备了哪些呢?)
- DDR3基本知识及测试【转】
- 转 IOS电影播放器—MPMoviePlayerController
- MS SQL 迁移数据库文件
- 专家答疑汇编
- UITableView自动调整Cell高度