Css Can'；t让引导scrollspy在新的MVC应用程序中工作

我最近一直在做一些学习，bootstrap就是其中的一部分。我有一个简单（但很长）的网页，我认为使用scrollspy会很好，但我就是不能让任何东西正常工作。我想我应该从一些有效的开始，但仍然有困难。主要问题是文本和scrollspy重叠。我想可能是我把事情搞砸了

所以

我创建了一个现成的MVC4站点。感谢其他人，所以我找到了这个简单的示例，并用html代码替换了About.cshtml页面的内容，在前面添加了一个部分以容纳css数据。这就是我所拥有的：

@{
    ViewBag.Title = "About";
}
<style>
    .content section {
  background-color: pink;
  margin-bottom:20px;
    height:750px;
}
</style>
<div class="container">
    <div class="row">
        <div id="side-nav" class="span3">
            <ul class="nav nav-list affix">
                <li><a href="#one">One</a></li>
                <li><a href="#two">Two</a></li>
                <li><a href="#three">Three</a></li>
                <li><a href="#four">Four</a></li>
                <li><a href="#five">Five</a></li>
            </ul>
        </div>
        <div class="span9 content">
            <section id="one">
                Section 1
            </section>
            <section id="two">
                Section 2
            </section>
            <section id="three">
                Section 3
            </section>
            <section id="four">
                Section 4
            </section>
            <section id="five">
                Section 5
            </section>
        </div>
    </div>
</div>

@{
ViewBag.Title=“关于”；
}
.内容部分{
背景颜色：粉红色；
边缘底部：20px；
高度：750px；
}







第一节
第二节
第三节
第四节
第五节

瞧！我得到的正是我以前编辑的页面所得到的：重叠的scrollspy和内容。将工作样本放入virgin MVC4应用程序时，该样本无法正常工作。我不太确定解决方案是什么（我还在学习）

---

怎么了？

好的，我把它固定在你的小提琴上了

移除宽度140px；在导航选项卡中，稍微展开一点，以最大宽度管理小屏幕

 ul.nav-tabs {
    margin-top: 20px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    max-width:150px;
    width:100%;
}

并更改引导列以适应屏幕：

<div class="col-xs-3" id="myScrollspy">...
<div class="col-xs-9">...

。。。
...

为了确保，您知道您给出的示例使用的是Bootstrap 2，而不是当前版本（3）？我使用的Bootstrap版本是3。如果该示例代码适用于bootstrap 2，那么我并没有真正意识到这一点。所以我想这意味着代码应该是不同的。仅凭一个简单的样本就够了-PHo it是这样的，那么毫无疑问，span*类已经被col--class取代了。在这种情况下，最好的办法是依赖于引导站点本身：我使用了一个版本3的示例，从这里下载到同一个新程序中，格式设置被关闭，文本从未正确对齐。我想我是按照你提供的scrollspy链接来的。让我们知道你的进展情况，我可以为bootstrap 3版本提供帮助。我去了你上面链接的提琴，而且仍然存在问题。单击“Section 2”按钮，它会滚动，但标题文本“Section 2”和部分第一行被导航栏遮挡。那是需要修理的部分，我仍然卡住了-(