mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 08:39:56 +02:00
Code Issues Releases Wiki Activity

Update docs for new XXL grid tier

Browse Source 
- 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
This commit is contained in:
Mark Otto
2020-04-13 14:40:47 -07:00
parent e3583115c6
commit 7dedccfb9a
18 changed files with 183 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
site/layouts/_default/docs.html
View File

@@ -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>
<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>
{{ 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 }}
<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 }}
</div>
</div>
</main>
<div class="container-xxl my-4 bd-layout">
<div class="bd-sidebar">
{{ partial "docs-sidebar" . }}
</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 (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 }}
<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 }}
{{ .Content }}
</main>
</div>
{{ partial "footer" . }}