bootstrap - 左侧菜单链接单击以在div部分中打开新页面

时间:2015-07-06 10:32:31

标签: html twitter-bootstrap

参考:http://startbootstrap.com/template-overviews/simple-sidebar/

从上面的示例中,点击左侧菜单链接我想在正文部分加载一个新页面,并且还想保持左侧菜单导航。

即在href链接上点击我想在。

中加载一个新页面

由于

更新: - 每个左侧导航链接加载一个不同的html文件,这些不同的内容将相应地显示在主要部分中。

1 个答案:

答案 0 :(得分:0)

我已经做了我想你想做的事。所以,你可以使用一个列表。列表中的每个元素都指向不同的div。 例如,这是我的代码:

<div class="tabs" id="tabs">
     <ul>
        <li><a href="#tabs-1">One</a></li>
        <li><a href="#tabs-2">Two</a></li>
     </ul>


<div id="tabs-1">
        <?php include('Page1.php');?>
    </div>

    <div id="tabs-2">
        <?php include('page2.php');?>
    </div>
</div>