如何用bootstrap代替ifream?
需求:把页面划分成top(顶部导航栏),left(左侧导航栏),central(显示主体)三部分
ifame方案:index页面,写好top,left内容,最后引入ifream,a标签中使用target属性跳转到iframe
- <div class="navbar navbar-fixed-top" style="background: #1186CB;">
- top内容
- </div>
- <div class="span3">
- left内容
- <ul id="main-nav" class="nav nav-tabs nav-stacked">
- <li class="active">
- <a href="./selectfile.html" target="main">
- <i class="icon-arrow-up"></i>
- 上传excel
- </a>
- </li>
- </ul>
- </div>
- <div class="span12">
- <iframe name="main" scrolling=no frameborder=no>
- </iframe>
- </div>
bootstrap方案:写公共的top.jsp, left.jsp 在每个页面中引入
- <%@ include file="includetop.jsp" %>
好处:
使用bootsrap模态框,不会出现只遮罩子frame,无法遮罩整个ifream的情况。
作者:ltjxwxz