Ich dachte eigentlich, dass sich jemand meldet, der Erfahrung mit Bootstrap hat, aber jetzt sind fast 24 Stunden um ...
Ich habe da mal in wenigen Minuten die Galerie auf der Seite auf Gridlayout umgestellt. Das sind nur wenige Zeilen CSS:
<style>
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
</style>
Das HTML muss so umgeändert werden:
<div class="text-center">
<h2>Das Team</h2>
</div>
<!-- Bootstrap-Klasse "row" gegen "grid-container" tauschen -->
<div class="grid-container">
<!-- Alle Bootstrap-Klassen gegen "grid-item tauschen -->
<div class="grid-item">
<!-- Inhalt so lassen, damit er wie bisher
durch Bootstrap gestaltet wird -->
<div class="thumbnail border_0">
<img class="img-responsive" src="friseur-schiemer-Dateien/Jens.jpg" alt="Jens">
<div class="caption text-center">
<h4>Jens Pfeifer</h4>
<p>Mit Leidenschaft, Engagement und höchster Präzison Haare
verändern. Jede Braut bis ins Detail frisiert, jeder Frau einen edlen
Haarschnitt kreieren, jeden Mann top gestylt.
Danke für das Vertrauen aller Kunden.</p>
</div>
</div>
</div>
<!-- Alle folgenden Elemente genau so umaendern -->
<div class="grid-item">
<div class="thumbnail border_0">
<img class="img-responsive" src="friseur-schiemer-Dateien/Andrea.jpg" alt="Andrea">
<div class="caption text-center">
<h4>Andrea Pfeifer</h4>
<p>Mein Hobby ist mein Beruf. Deshalb stehe ich meinem Sohn mit Rat und Tat zur Seite.
Individuelle Beratung, ein toller Haarschnitt, eine schöne Haarfarbe und das in
modernem Ambiente, das bin ich!
</p>
</div>
</div>
</div>
<div class="grid-item">
<!-- usw. -->
Alles anzeigen
Schön ist solch ein Gemisch aus Bootstrap und Grid natürlich nicht aber Du siehst daran, wie einfach die Gestaltung mit Grid wird. Wenige Zeilen CSS und keine Mediaquery wird gebraucht.