后台管理页的iframe嵌套(bootstrap)

差不多花了一晚上才研究懂这个东西啊。在做后台按钮的时候点击按钮会打开新的页面。这里用iframe现在主页面布局里放一个框架。定义一个DIV。以下是Bootstrap说明:

具有响应式特性的嵌入内容: 根据被嵌入内容的外部容器的宽度,自动创建一个固定的比例,从而让浏览器自动确定视频或 slideshow 的尺寸,能够在各种设备上缩放。

这些规则被直接应用在 <iframe>、<embed>、<video> 、 <object> 元素上。如果你希望让最终样式与其他属性相匹配,还可以明确地使用一个派生出来的 .embed-responsive-item 类。

超级提示: 不需要为 <iframe> 元素设置 frameborder="0" 属性,因为我们已经替你这样做了!

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

我这里的后台主页上添加代码:

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" name="iframe" src="..."></iframe>
</div>

这里需要用name元素来定义这个框架名字,然后在a连接上就可以加上target='iframe'如:

<li><a href="{:U('Category/addCate')}" target='iframe'>添加分类</a></li>