把 .well 用在元素上，就能有嵌入的簡(jiǎn)單效果蓬抄。
well
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="Resource-type" content="Document"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>組件-嵌入內(nèi)容</title>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<style>
<!--
.line{border-top:1px solid #afd9ee;margin:20px 0;}
-->
</style>
</head>
<body>
<div class="container">
<!--不需要為 <iframe> 元素設(shè)置 frameborder="0" 屬性-->
<div class="row">
<div class="col-xs-6">
<div class="embed-responsive embed-responsive-16by9">
<iframe src="Assembly-Button.html" class="embed-responsive-item"></iframe>
</div>
</div>
<div class="col-xs-6">
<div class="embed-responsive embed-responsive-4by3">
<iframe src="Assembly-Nav.html" class="embed-responsive-item"></iframe>
</div>
</div>
</div>
<div class="line"></div>
<!--well-->
<div class="well">文本背景顯示會(huì)有內(nèi)嵌的效果</div>
<div class="well well-lg">well-lg</div>
<div class="well well-sm">well-sm</div>
</div>
</body>
</html>
