Bootstrap 3 scrollspy dont work -


i have problem famous scrollspy of bootstrap 3, trying , trying , nothing work. set data tags in body , named .nav in navigation here code:

<body data-spy="scroll" data-offset="150" data-target="#navegacion">          <div class="container">             <!-- row 1 navigation -->                     <header>                             <nav class="nav navbar navbar-right navbar-fixed-top" id="navegacion" name="" value="" placeholder="" role="navigation">                                 <div class="navbar-header">                                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navegacion">                                         <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 src="img/logo.jpg" alt="">                                     </a>                                 </div><!--navbar collapse-->                                   <div class="collapse navbar-collapse" id="navegacion">                                     <ul class="nav navbar-nav navbar-right" role="tablist">                                         <li class="active"><a href="#aboutus">about us</a></li>                                         <li><a href="#products">products</a></li>                                         <li><a href="#media">media</a></li>                                          <li><a href="#contactinfo">contacts</a></li>                                         <li><a href="index.html" style="color: rgb(65, 98, 170)">en</a></li>                                         <li><a href="">/</a></li>                                         <li><a href="indexde.html">de</a></li>                                     </ul>                                 </div><!-- navbar collapse-->                             </nav>                     </header> 

i think set tags correctly in body, here part of code:

<!-- row 2 -->                     <div class="row" id="aboutus">                         <div class="col-lg-3 col-md-4">                             <h2><strong>about us</strong></h2>                             <img src="img/news.jpg" width="264px" height="190">                         </div>                         <div class="col-lg-9 col-md-8">                             <br/>                             <br/>                             <br/>                             <p>contrary popular belief, lorem ipsum not random text. has roots in piece of classical latin literature 45 bc, making on 2000 years old. richard mcclintock, latin professor @ hampden-sydney college in virginia, looked 1 of more obscure latin words, consectetur, lorem ipsum passage, , going through cites of word in classical literature, discovered undoubtable source. lorem ipsum comes sections 1.10.32 , 1.10.33 of "de finibus bonorum et malorum" (the extremes of , evil) cicero, written in 45 bc. book treatise on theory of ethics, popular during renaissance. first line of lorem ipsum, "lorem ipsum dolor sit amet..", comes line in section 1.10.32.</p>                               <p>the standard chunk of lorem ipsum used since 1500s reproduced below interested. sections 1.10.32 , 1.10.33 "de finibus bonorum et malorum" cicero reproduced in exact original form, accompanied english versions 1914 translation h. rackham.</p>                         </div>                     </div>             <!-- row 2 end--> 

when on nav mouse cursor see hover effect nothing changes, when click menu, example #aboutus document go correct position secction #aboutus not active button. have same problem?


Comments