Scrollspy突出显示不能在Bootstrap 3中工作

我在我的网页上遇到了ScrollSpy问题。我试图将类文件指示器放入正确的位置，但仍未显示出来。Scrollspy突出显示不能在Bootstrap 3中工作

<!DOCTYPE HTML> 
<html> 
    <head> 
    <meta charset="UTF-8"> 
    <title>Unix Command Crib Sheet</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="command-crib-sheet.css" rel="stylesheet"> 
    </head> 
    <body data-spy="scroll" data-target=".thingy"> 
    <div class="navbar-fixed-top"> 
     <h2>Unix Command Crib Sheet</h2> 
    </div> 
    <div class="container"> 
     <div class="col-md-3"> 
     <div id="centered-nav" class="bs-sidebar hidden-print affix"> 
      <nav id="thingy" class="nav bs-sidenav"> 
      <li> 
      ...

来源

2014-01-23 jadengore

是的，就加个班 '啄' 到 <div class="container thingy">

添加新的CSS来突出显示文本（相应地转变作风）

li.active a { 
     color: red; 
    }

最后加此脚本至页面

<script type="text/javascript"> 
    $('body').scrollspy({ 
     target: '.thingy' 
    }); 
</script>

最后但并非最不重要我已经改变<nav>到<ul>

<nav id="thingy" class="nav bs-sidenav">

到

<ul id="thingy" class="nav bs-sidenav">

就是这样..！

来源

2014-01-23 10:34:04 UiUx

Scrollspy突出显示不能在Bootstrap 3中工作

回答

相关问题