diff options
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/docs.css | 20 | ||||
| -rw-r--r-- | docs/assets/js/application.js | 6 | ||||
| -rw-r--r-- | docs/docs.html | 47 |
3 files changed, 61 insertions, 12 deletions
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e1fd6a2b4..89a848c2b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -28,6 +28,26 @@ body { padding-right: 15px; } +/* Back to top link */ +.bs-docs-top { + float: left; + padding: 7px 15px; + font-weight: 500; + color: #999; + background-color: #eee; + border-radius: 4px; +} +.bs-docs-top:hover { + color: #fff; + text-decoration: none; + background-color: #999; +} +.bs-docs-top.affix { + position: fixed; + right: 15px; + bottom: 15px; +} + /* Sections diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js index 2a0d3a6c6..170a1953d 100644 --- a/docs/assets/js/application.js +++ b/docs/assets/js/application.js @@ -13,7 +13,7 @@ e.preventDefault() }) - // side bar + // back to top // setTimeout(function () { // $('.bs-docs-sidenav').affix({ // offset: { @@ -23,6 +23,10 @@ // }) // }, 100) + setTimeout(function () { + $('.bs-docs-top').affix() + }, 100) + // make code pretty window.prettyPrint && prettyPrint() diff --git a/docs/docs.html b/docs/docs.html index 4c491d686..77a43097d 100644 --- a/docs/docs.html +++ b/docs/docs.html @@ -3,7 +3,6 @@ layout: default title: Bootstrap Documentation --- - <div class="bs-docs-container"> <!-- Welcome @@ -4470,20 +4469,42 @@ For example, <code><section></code> should be wrapped as inline. <p>Linkify list group items by using anchor tags instead of list items (that also means a parent <code><div></code> instead of an <code><ul></code>. No need for individual parents around each element.</p> <div class="bs-docs-example"> <div class="list-group"> - <a href="#" class="list-group-item active">Cras justo odio</a> - <a href="#" class="list-group-item">Dapibus ac facilisis in</a> - <a href="#" class="list-group-item">Morbi leo risus</a> - <a href="#" class="list-group-item">Porta ac consectetur ac</a> - <a href="#" class="list-group-item">Vestibulum at eros</a> + <a href="#" class="list-group-item active"> + Cras justo odio + <span class="glyphicon glyphicon-chevron-right"></span> + </a> + <a href="#" class="list-group-item">Dapibus ac facilisis in + <span class="glyphicon glyphicon-chevron-right"></span> + </a> + <a href="#" class="list-group-item">Morbi leo risus + <span class="glyphicon glyphicon-chevron-right"></span> + </a> + <a href="#" class="list-group-item">Porta ac consectetur ac + <span class="glyphicon glyphicon-chevron-right"></span> + </a> + <a href="#" class="list-group-item">Vestibulum at eros + <span class="glyphicon glyphicon-chevron-right"></span> + </a> </div> </div> {% highlight html linenos %} <div class="list-group"> - <a href="#" class="list-group-item active">Cras justo odio</a> - <a href="#" class="list-group-item">Dapibus ac facilisis in</a> - <a href="#" class="list-group-item">Morbi leo risus</a> - <a href="#" class="list-group-item">Porta ac consectetur ac</a> - <a href="#" class="list-group-item">Vestibulum at eros</a> + <a href="#" class="list-group-item active"> + Cras justo odio + <span class="glyphicon glyphicon-chevron-right"></span> + </a> + <a href="#" class="list-group-item">Dapibus ac facilisis in + <span class="glyphicon glyphicon-chevron-right"></span> + </a> + <a href="#" class="list-group-item">Morbi leo risus + <span class="glyphicon glyphicon-chevron-right"></span> + </a> + <a href="#" class="list-group-item">Porta ac consectetur ac + <span class="glyphicon glyphicon-chevron-right"></span> + </a> + <a href="#" class="list-group-item">Vestibulum at eros + <span class="glyphicon glyphicon-chevron-right"></span> + </a> </div> {% endhighlight %} @@ -6476,3 +6497,7 @@ $('[data-spy="affix"]').each(function () { </section> </div><!-- /.container --> + +<a href="#welcome" class="bs-docs-top"> + Back to top +</a> |