Added TOC nav. Not perfect, but it's something for now
This commit is contained in:
parent
95a0206b33
commit
0f23defe63
|
@ -16,6 +16,8 @@
|
|||
<!--bootstrap stuff start-->
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
||||
<!-- TOC plugin CSS -->
|
||||
<link rel="stylesheet" href="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.4.1/dist/bootstrap-toc.min.css">
|
||||
|
||||
<!-- Slate theme -->
|
||||
<link rel="stylesheet" href="https://wiki.thurstylark.com/slate.bootstrap.min.css">
|
||||
|
@ -23,6 +25,8 @@
|
|||
<!-- Latest compiled and minified JavaScript -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- TOC plugin JS -->
|
||||
<script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.4.1/dist/bootstrap-toc.min.js"></script>
|
||||
<!--bootstrap stuff end-->
|
||||
|
||||
<!--Google Syntax Highlighting-->
|
||||
|
@ -50,8 +54,8 @@ $("table").addClass("table table-condensed table-hover");
|
|||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-default">
|
||||
<body data-spy="scroll" data-target="#toc" style="padding-top: 70px;">
|
||||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="container-fluid">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
|
@ -97,10 +101,13 @@ $("table").addClass("table table-condensed table-hover");
|
|||
<div class="container-fluid">
|
||||
<br/>
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="col-md-2 col-md-offset-1">
|
||||
<nav id="toc" data-spy="affix" data-toggle="toc" class="affix well well-sm pull-right"></nav>
|
||||
</div><!--col-md-1-->
|
||||
<div class="col-md-6">
|
||||
<div class="well">
|
||||
%content%
|
||||
</div>
|
||||
%content%
|
||||
</div><!--well-->
|
||||
</div> <!--col-md-8 -->
|
||||
</div> <!-- row -->
|
||||
</div><!--container-fluid-->
|
||||
|
|
Loading…
Reference in New Issue