1、用bootstrap代替iframe

网上都说用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的情况，正是这个原因，paoqile
• 只用修改一次