Javascript bootstrap.css无法正确呈现节标记
我正在试图弄清楚为什么我的scrollspy在引导中不起作用。我发现分区标记是堆叠的,不能正确地与子元素一起工作 色度计算样式(以及其他浏览器)如下所示:Javascript bootstrap.css无法正确呈现节标记,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我正在试图弄清楚为什么我的scrollspy在引导中不起作用。我发现分区标记是堆叠的,不能正确地与子元素一起工作 色度计算样式(以及其他浏览器)如下所示: background-color: transparent; color: #333; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; height: 0px; line-height: 18px; ma
background-color: transparent;
color: #333;
display: block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
height: 0px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
width: 940px;
但是
中的数据计算如下:
background-color: transparent;
color: #333;
display: block;
float: left;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
height: 317px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 0px;
margin-top: 0px;
width: 780px;
如果我把bootstrap.css(我没有编辑过)注释掉,这些部分应该是这样的。bootstrap所做的唯一一件事就是将节设置为块
我想知道是不是我的HTML导致了这个问题。我的页面布局是:
<body>
<div class="container">
<header>
<h1>HEADER</h1>
<nav>
<div class="subnav">
<ul class="nav nav-pills">
<li><a href="#overview">Introduction</a></li>
<li><a href="#begin">The Beginning</a></li>
...
</ul>
</div>
</nav>
</header>
<section id="overview">
<div class="span10">
<h2>Introduction</h2>
<hr class="full">
<p> text text text text </p>
</div>
</section>
<section id="begin">
<div class="span10">
<h2>The Beginning</h2>
<hr class="full">
<p> text text text text </p>
</div>
</section>
...
</div>
<script>..</script>
</body>
标题
...
介绍
文本文本文本文本
开头
文本文本文本文本
...
..
所有部分彼此堆叠,间隔1px。什么是bootstrap.css导致了这个问题。这个还是我的布局?我用javascript样式编辑了每个变量,它直接指向bootstrap.css。请帮帮我
更新
我写了一个简单的页面,但它仍然没有正确计算
标记。这个问题的答案非常简单,但我花了几个小时才弄清楚
对于每个
标记,在指定之前,您需要指定
,答案非常简单,但我花了几个小时才弄清楚
对于每个
标记,您需要在指定之前指定可能尝试可能尝试