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