Html 引导scrollspy无法工作_Html_Css_Twitter Bootstrap

Html 引导scrollspy无法工作

html css twitter-bootstrap

Html 引导scrollspy无法工作,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我在用bootstrap乞讨。我正在尝试在我的页面上创建ScrollSpy引导程序，但它不起作用。无论我做什么，它都不能正常工作，我不知道为什么？有人能看看我的代码，告诉我出了什么问题吗。这是： <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootst

我在用bootstrap乞讨。我正在尝试在我的页面上创建ScrollSpy引导程序，但它不起作用。无论我做什么，它都不能正常工作，我不知道为什么？有人能看看我的代码，告诉我出了什么问题吗。这是：

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

    <link rel="stylesheet" type="text/css" href="css/style.css">

    <style>
    #top-center-photo{
        width: 100%;
        height: 500px;
        background-color: red;
    }

    #aboutus-content{
        width: 100%;
        height: 500px;
        background-color: green;
    }

    #offert{
        width: 100%;
        height: 500px;
        background-color: yellow;
    }
    </style>

</head>
<body  data-spy="scroll"  data-target=".navbar">
  <nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="collapse navbar-collapse" id="myNavbar">
        <ul class="nav navbar-nav">
            <li><a href="#top-center-photo">o nas</a></li>
            <li><a href="#aboutus-content">oferta</a></li>
            <li><a href="#offert">realizacje</a></li>
        </ul>
    </div>
 </nav>
<div id="top-center-photo">
</div>

<div id="aboutus-content">
</div>

<div id="offert">
</div>

<div id="realizacje">
</div>


#上中照片{
宽度：100%；
高度：500px；
背景色：红色；
}
#关于内容{
宽度：100%；
高度：500px；
背景颜色：绿色；
}
#奥菲尔{
宽度：100%；
高度：500px；
背景颜色：黄色；
}

唯一的问题是您没有正确链接js文件

将此代码置于标签上方

<!-- Latest compiled and minified JavaScript --><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

这是你的卷轴间谍：工作正常

您的代码中没有错误。。。工作正常：）

您能说清楚吗？嗨，邓迪，我在浏览器中检查了您的代码，工作正常。。你到底想要什么。。