aboutsummaryrefslogblamecommitdiffstats
path: root/vendor/twbs/bootstrap/site/docs/4.4/examples/index.html
blob: 965c2756463ba257b7730fed3053ad8756f5e650 (plain) (tree)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
   
              











                                                                                                                                               


                                                                                                                                                                                                                  






                                                           
---
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 %}