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中工作

回答

相關問題