如何更改正文页面

时间:2015-07-25 15:37:35

标签: html css twitter-bootstrap-3

我的页面左侧是导航菜单,右侧是正文。实际上,身体由所有长的部分组成。 我想只显示我在左侧导航菜单中单击的这一部分。我试着做出类似的东西: https://www.virtualbox.org/wiki/VirtualBox

其实我有:

<div class="intro-body">
    <div style="padding-top: 120px;" class="container">
        <p class="intro-text">title</p>
        <div id="content" class="row">
            <div class="col-md-2">
                <ul style="list-style-type: none;">
                    <li><a href="#FirstOne"> FirstOne </a></li>
                    <li><a href="#Second"> Second </a></li>
                    <li><a href="#Second2"> Second2 </a></li>
                </ul>
            </div>                  
            <div class="col-md-10">
                <section id="FirstOne">
                    <h2>title title</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></br>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam est lorem, condimentum sed faucibus ac, aliquam vitae enim.
                    </p>
                </section>
                <section id="Second" style="padding-top: 60px;">
                    <h2>title title</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam est lorem, condimentum sed faucibus ac, aliquam vitae enim. Curabitur sit amet velit nibh. 
                    </p>
                </section>
                <section id="Second2" style="padding-top: 60px;">
                    <h2>title title</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam est lorem, condimentum sed faucibus ac, aliquam vitae enim.
                    </p>
                </section>
            </div>
        </div>
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

它在所有页面中都是相同的设计。您可以使用include来执行此操作或将代码页复制到页面。对不起我的坏英语希望你明白。