aliases: "/examples/"
---
-{{< list-examples >}}
+{{< list-examples.inline >}}
+{{ range $entry := $.Site.Data.examples -}}
+ <h2>{{ $entry.category }}</h2>
+ <p>{{ $entry.description }}</p>
+
+ {{ range $i, $example := $entry.examples -}}
+ {{- $len := len $entry.examples -}}
+ {{ if (eq $i 0) }}<div class="row">{{ end }}
+ <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
+ <a href="/docs/{{ $.Site.Params.docs_version }}/examples/{{ $example.name | urlize }}/">
+ <img class="img-thumbnail mb-3" srcset="/docs/{{ $.Site.Params.docs_version }}/assets/img/examples/{{ $example.name | urlize }}.png,
+ /docs/{{ $.Site.Params.docs_version }}/assets/img/examples/{{ $example.name | urlize }}@2x.png 2x"
+ src="/docs/{{ $.Site.Params.docs_version }}/assets/img/examples/{{ $example.name | urlize }}.png" alt="{{ $example.name }} screenshot" width="480" height="300">
+ <h5 class="mb-1">{{ $example.name }}</h5>
+ </a>
+ <p class="text-muted">{{ $example.description }}</p>
+ </div>
+ {{ if (eq (add $i 1) $len) }}</div>{{ end }}
+ {{ end -}}
+{{ end -}}
+{{< /list-examples.inline >}}
description: An appendix of hosted documentation for nearly every release of Bootstrap, from v1 through v4.
---
-{{< list-versions >}}
+{{< list-versions.inline >}}
+<div class="row">
+ {{- range $release := (index $.Site.Data "docs-versions") }}
+ <div class="col-md">
+ <h2>{{ $release.group }}</h2>
+ <p>{{ $release.description }}</p>
+ {{- $versions := sort $release.versions "v" "desc" -}}
+ {{- range $i, $version := $versions }}
+ {{- $len := len $versions -}}
+ {{ if (eq $i 0) }}<div class="list-group">{{ end }}
+ <a class="list-group-item list-group-item-action py-2 text-primary{{ if (eq $version.v $.Site.Params.docs_version) }} d-flex justify-content-between align-items-center{{ end }}" href="{{ $release.baseurl }}/{{ $version.v }}/">
+ {{ $version.v }}
+ {{ if (eq $version.v $.Site.Params.docs_version) -}}
+ <span class="badge bg-primary">Latest</span>
+ {{- end }}
+ </a>
+ {{ if (eq (add $i 1) $len) }}</div>{{ end }}
+ {{ end -}}
+ </div>
+ {{ end -}}
+</div>
+{{< /list-versions.inline >}}
+++ /dev/null
-{{ range $entry := $.Site.Data.examples -}}
- <h2>{{ $entry.category }}</h2>
- <p>{{ $entry.description }}</p>
-
- {{ range $i, $example := $entry.examples -}}
- {{- $len := len $entry.examples -}}
- {{ if (eq $i 0) }}<div class="row">{{ end }}
- <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
- <a href="/docs/{{ $.Site.Params.docs_version }}/examples/{{ $example.name | urlize }}/">
- <img class="img-thumbnail mb-3" srcset="/docs/{{ $.Site.Params.docs_version }}/assets/img/examples/{{ $example.name | urlize }}.png,
- /docs/{{ $.Site.Params.docs_version }}/assets/img/examples/{{ $example.name | urlize }}@2x.png 2x"
- src="/docs/{{ $.Site.Params.docs_version }}/assets/img/examples/{{ $example.name | urlize }}.png" alt="{{ $example.name }} screenshot" width="480" height="300">
- <h5 class="mb-1">{{ $example.name }}</h5>
- </a>
- <p class="text-muted">{{ $example.description }}</p>
- </div>
- {{ if (eq (add $i 1) $len) }}</div>{{ end }}
- {{ end -}}
-{{ end -}}
+++ /dev/null
-<div class="row">
- {{- range $release := (index $.Site.Data "docs-versions") }}
- <div class="col-md">
- <h2>{{ $release.group }}</h2>
- <p>{{ $release.description }}</p>
- {{- $versions := sort $release.versions "v" "desc" -}}
- {{- range $i, $version := $versions }}
- {{- $len := len $versions -}}
- {{ if (eq $i 0) }}<div class="list-group">{{ end }}
- <a class="list-group-item list-group-item-action py-2 text-primary{{ if (eq $version.v $.Site.Params.docs_version) }} d-flex justify-content-between align-items-center{{ end }}" href="{{ $release.baseurl }}/{{ $version.v }}/">
- {{ $version.v }}
- {{ if (eq $version.v $.Site.Params.docs_version) -}}
- <span class="badge bg-primary">Latest</span>
- {{- end }}
- </a>
- {{ if (eq (add $i 1) $len) }}</div>{{ end }}
- {{ end -}}
- </div>
- {{ end -}}
-</div>