docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added info about how to create tabs

This commit is contained in:
John Mulhausen 2017-03-17 14:00:06 -07:00 committed by GitHub
parent 1cad0f77c2
commit 4abca92d62
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
README.md
View File

@ -240,6 +240,25 @@ no_ratings: true
---
```
### Creating tabs
The use of tabs, as on pages like https://docs.docker.com/engine/api/, requires
the use of HTML. The tabs use Bootstrap CSS/JS, so refer to those docs for more
advanced usage. For a basic horizontal tab set, copy/paste starting from this
basic code and implement from there. Keep an eye on those `#id` references as
you go.
```
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#tab1">TAB 1 HEADER</a></li>
<li><a data-toggle="tab" href="#tab2">TAB 2 HEADER</a></li>
</ul>
<div class="tab-content">
<div id="tab1" class="tab-pane fade in active">TAB 1 CONTENT</div>
<div id="tab2" class="tab-pane fade">TAB 2 CONTENT</div>
</div>
```
## Copyright and license
Code and documentation copyright 2017 Docker, inc, released under the Apache 2.0 license.