我正在使用Bootstrap 3.3.4创建的网站。

我在导航栏上遇到问题，所有链接都可以正常工作，但不可见，我也不知道为什么？

我正在使用Dreamweaver CC2020。有人能理解问题出在哪里吗？

非常感谢大家。

这里有一个代码

  <nav class="navbar navbar-default navbar-fixed-top one-page-nav-scrolling one-page-nav__fixed one-page-header " data-role="navigation">
<div class="container">
  <div class="menu-container page-scroll navbar-header">

  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> </button>
    <a class="navbar-brand" href="#body"> 
        <img src="img_CM/marchio/logo_cm.png" alt="cmcapoferri" class="img-responsive"> 
    </a> 
    </div>

  <!-- Collect the nav links,forms,and other content for toggling -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <div class="menu-container">
      <ul class="nav navbar-nav navbar-header">
        <li class="page-scroll"> <a href="#About"><span data-hover="About">chi siamo</span></a> </li>
        <li class="page-scroll"> <a href="#WhyWe"><span data-hover="Why We">Storia</span></a> </li>
        <li class="page-scroll"> <a href="#Services"><span data-hover="Services">Servizi</span></a> </li>
        <li class="page-scroll"> <a href="#WorkProcess"><span data-hover="Work Process">produzione</span></a> </li>
        <li class="page-scroll"> <a href="#Skills"><span data-hover="Skills">automotive</span></a> </li>
        <li class="page-scroll"> <a href="#Team"><span data-hover="Team">laboratorio</span></a> </li>
        <li class="page-scroll"> <a href="#Testimonials"><span data-hover="Testimonials">clienti</span></a> </li>
        <li class="page-scroll"> <a href="#Contact"><span data-hover="Contact">Contatti</span></a> </li>
      </ul>
    </div>
  </div>
  <!-- /.navbar-collapse --> 
</div>
<!-- /.container -->