Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 避免在“菜单-推特引导”下显示文本_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 避免在“菜单-推特引导”下显示文本

Html 避免在“菜单-推特引导”下显示文本,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有个小问题,我需要你的帮助来解决 我有一个导航条,上面有一个span12和一个词缀。滚动条可以工作,但是文本总是在导航栏下,当我点击一个项目时,我看不到我刚才点击的标题,这就是我要搜索的。 实际上我有: <div class="container" id="all"> <div class="row"> <!-- Navbar =============================================

我有个小问题,我需要你的帮助来解决

我有一个导航条,上面有一个span12和一个词缀。滚动条可以工作,但是文本总是在导航栏下,当我点击一个项目时,我看不到我刚才点击的标题,这就是我要搜索的。 实际上我有:

<div class="container" id="all">        
<div class="row">
<!-- Navbar
                ================================================== -->              

                    <div id="navbar" class="span12" data-spy="affix" data-offset-top="56">
                        <ul class="nav nav-list">
                            <li><a href="#menu1">Qui suis-je ? </a></li>
                            <li><a href="#menu2">Ce que je peux apporter </a></li>
                            <li><a href="#menu3">Mon expérience </a></li>
                            <li><a href="#menu4">Mon parcours scolaire </a></li>
                            <li><a href="#menu5">Contactez-moi ! </a></li>
                        </ul>
                    </div>  

                    <div class="span12 content">
                            <section id="menu0">
                                <h1>MOIIII</h1>
                                <p>.</p>
                            </section>
                    <section id="menu1">
                        <h1>Qui suis-je ? </h1>
                        <p>.</p>
                      </section>

                      <section id="menu2">
                        <h1>Ce que je peux apporter </h1>
                         <p></p>
                      </section>

                      <section id="menu3">
                        <h1>Mon expérience </h1>
                         <p></p>
                      </section>

                      <section id="menu4">
                        <h1>Mon parcours scolaire </h1>
                         <p></p>
                      </section>

                      <section id="menu5">
                        <h1>Contactez-moi ! </h1>
                         <p></p>
                      </section>                  
                </div>
            </div>
        </div>
你可以理解我在这里的意思:

谢谢


Kai23

您只需给
.nav列表
一个背景色,以防止文本变得凌乱

.nav-list{background: #eee;}

更新以解决已编辑的问题

您可以添加一个左边距,将
.nav列表
推向中心:

.nav-list{margin: 0 200px;}

除了现有答案之外,尝试在
图例顶部添加一些填充,以便将每个块推到导航下方:

fieldset legend {
    padding-top:40px;
}

您希望发生什么情况呢?只是希望即使单击菜单也能看到我的文字。像这样的:谢谢,这就是我想要的。这就是小事情…:-)
fieldset legend {
    padding-top:40px;
}