（4）bootstrap标签页

导读：
我希望实现的功能：点击导航栏下的某一选项，在固定区域呈现我需要的页面。
如图：点击1，在右侧出现2页面

（1）所用到的技术：bootstrap的标签页
依然老样子，先给出官方文档链接

http://www.runoob.com/bootstrap/bootstrap-tab-plugin.html

（2）要点说明：【一共三步】
1.在左侧导航栏的适当位置中加一个ul标签

 <ul class="nav nav-tabs"  id="myTab">
                                    <li>
                                        <a href="#menu_list" data-toggle="tab">
                                            <button type="button" class="btn btn-info ">菜单管理</button>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#role_list" data-toggle="tab">
                                            <button type="button" class="btn btn-info ">角色管理</button>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" data-toggle="tab">
                                            <button type="button" class="btn btn-info ">用户管理</button>
                                        </a>
                                    </li>
                                 </ul>

其中，ul的class=”nav nav-tabs”为引用bootstrap的导航标签样式。li下的a标签有两个属性，href=”#menu_list”表示引入id= menu_list的内容，而添加 data-toggle=”tab” 或 data-toggle=”pill” 到锚文本链接中。
2.在需要显示的区域（我的显示区域在中右侧）中，添加一下代码

<div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade " id="menu_list">
                        <%@ include file="menu_list.jsp"%>
                    </div>
                    <div class="tab-pane fade " id="role_list">
                        <%@ include file="role_list.jsp"%>
                    </div>
                </div>

这部分需要在标签内容tab-content下添加你要添加的标签面板tab-pane，fade表示弹出方式[淡入淡出]。然后急用jstl标签插入自己需要展示的网页menu_list.jsp和role_list.jsp。
而这展示jsp页面内容就一句话，看下图：
@1
@2
3.您可以使用 Javscript 来启用标签页

$('#myTab a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
})

这里注明一下：单单实现点击，弹出展示页面，我没有用这一步就可以实现。
（3）效果展示
@1
@2
@3