一页网站导航栏无法正常工作

时间:2016-03-21 14:36:11

标签: html css twitter-bootstrap

<nav class="navbar navbar-findcond navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <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="">
        <img alt="null">
      </a>
    </div>

    <div class="collapse navbar-collapse" id="navbar">
      <ul class="nav navbar-nav navbar-right">
        <li class="active"><a href="#products">Products</a>
        </li>
        <li class="active"><a href="#about">About</a>
        </li>
        <li class="active"><a href="#test">Testimonials</a>
        </li>
        <li class="active"><a href="#order">Order</a>
        </li>
        <li class="active"><a href="#contact">Contact Us</a>
        </li>
      </ul>

    </div>
  </div>
</nav>
<section id="products">
  <div></div>
</section>

我将我的部分class="products"更改为部分id="products",当我点击它时,没有任何反应。

我使用id的原因是因为活动导航栏没有显示。我正在使用findcond navbar bootstrap。

1 个答案:

答案 0 :(得分:1)

你可以这样使用

<section id="products" class ="products">

由于我不了解后端操作,因此无法确定。我相信某些操作是由css类products完成的。