如何用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