0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Bootstrap/site/docs/4.2/examples/index.html

26 lines
1.3 KiB
HTML

---
layout: simple
title: Examples
description: Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.
redirect_from:
- "/examples/"
---
{% for entry in site.data.examples %}
<h2>{{ entry.category | capitalize }}</h2>
<p>{{ entry.description }}</p>
{% for example in entry.examples %}
{% if forloop.first %}<div class="row">{% endif %}
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/examples/{{ example.name | slugify }}/">
<img class="img-thumbnail mb-3" srcset="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/examples/{{ example.name | slugify }}.png,
{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/examples/{{ example.name | slugify }}@2x.png 2x"
src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/examples/{{ example.name | slugify }}.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 forloop.last %}</div>{% endif %}
{% endfor %}
{% endfor %}