diff options
| author | Mark Otto <[email protected]> | 2020-04-13 14:40:47 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2020-04-13 14:40:47 -0700 |
| commit | 7dedccfb9a8f6c8e3343ac979945ff43047f6d0a (patch) | |
| tree | 8e2a745b1b428b0cb51fbad64260ed6a691dec61 /site/layouts/_default/docs.html | |
| parent | e3583115c6c2120cb28f40e4526af7498fe73c1d (diff) | |
| download | bootstrap-7dedccfb9a8f6c8e3343ac979945ff43047f6d0a.tar.xz bootstrap-7dedccfb9a8f6c8e3343ac979945ff43047f6d0a.zip | |
Update docs for new XXL grid tier
- Updates mentions of number and exact tiers
- Updates grid example to include xxl container
- Adds some scss-docs references
- Cleans up other grid mentions and docs
- Updates navbar example to include an expand at XXL variant
Diffstat (limited to 'site/layouts/_default/docs.html')
| -rw-r--r-- | site/layouts/_default/docs.html | 66 |
1 files changed, 28 insertions, 38 deletions
diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html index c3eff6ec8..41757d423 100644 --- a/site/layouts/_default/docs.html +++ b/site/layouts/_default/docs.html @@ -9,50 +9,40 @@ {{ partial "docs-navbar" . }} {{ partial "docs-subnav" . }} - <div class="container-xxl my-4"> - <div class="row flex-xl-nowrap"> - <div class="col-md-3 col-xl-2 bd-sidebar"> - {{ partial "docs-sidebar" . }} - </div> + <div class="container-xxl my-4 bd-layout"> + <div class="bd-sidebar"> + {{ partial "docs-sidebar" . }} + </div> - <main class="col-md-9 col-xl-10 py-md-3 pl-md-5 bd-content"> - <div class="col-xl-10 px-0"> - <h1 class="bd-title" id="content">{{ .Title | markdownify }}</h1> - <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p> - {{ partial "ads" . }} - </div> + <div class="bd-intro pt-md-3 pl-lg-4"> + <h1 class="bd-title" id="content">{{ .Title | markdownify }}</h1> + <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p> + {{ partial "ads" . }} + </div> - {{ if .Page.Params.sections }} - <div class="row my-5"> - {{ range .Page.Params.sections }} - <div class="col-md-6 mb-4"> - <a class="d-block text-decoration-none" href="../{{ urlize .title }}/"> - <strong class="d-block h5 mb-0">{{ .title }}</strong> - <span class="text-secondary">{{ .description }}</span> - </a> - </div> - {{ end }} - </div> - {{ end }} + {{ if (eq .Page.Params.toc true) }} + <div class="bd-toc pl-xl-3 text-muted mb-lg-5"> + <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong> + {{ .TableOfContents }} + </div> + {{ end }} - <div class="row position-relative flex-xl-row-reverse"> - <div class="col-xl-3"> - {{ if (eq .Page.Params.toc true) }} - <div class="bd-toc-wrap pl-xl-3 text-muted"> - <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong> - <div class="bd-toc mb-5 mb-xl-0"> - {{ .TableOfContents }} - </div> - </div> - {{ end }} - </div> - <div class="col-xl-9"> - {{ .Content }} + <main class="bd-content pl-lg-4"> + {{ if .Page.Params.sections }} + <div class="row g-3"> + {{ range .Page.Params.sections }} + <div class="col-md-6"> + <a class="d-block text-decoration-none" href="../{{ urlize .title }}/"> + <strong class="d-block h5 mb-0">{{ .title }}</strong> + <span class="text-secondary">{{ .description }}</span> + </a> </div> + {{ end }} </div> + {{ end }} - </main> - </div> + {{ .Content }} + </main> </div> {{ partial "footer" . }} |