---
title: "Bühni (drüspaltig)"
url: "https://web.destination.one/ch/destinationbase/buehni-druespaltig"
language: "de"
breadcrumb: "Root > Startsiite > destination.base > Bühni (drüspaltig)"
---

Drüspaltigi Bühni
=================

Alli guete Content-Spalte sind drü!

 

Badgeinfo

**Um was geit’s?**
E Bühni mit drü Spalte uf ere Website meint s’Layout, wo de Inhalt i drü parallele Spalte ufgteilt isch. Das Layout bringt ganz bestimmti Vorteilig, je nachdem, was d’Website bezweckt oder braucht: vo meh Platz für Infos bis zu ere bessere Usgliederig.

**Guet z’wüsse**
D’Bühni mit drü Spalte passt sich automatisch a, also: bi chlinere Bildschirme wärded d’Spalte unterenand agordnet, damit de Inhalt schön präsentiert wird. Wichtig bim Bruuche vo so ere drüspaltige Bühni isch, dass de Inhalt übersichtlich und benutzerfreundlich bliibt.

 

Filmklappe neben der Überschrift Live Demo

Live-Demo
---------

 

Bispiel A
---------

Abständ zwüsche de Spalte

 

### Drüspaltigi Bühni

mit extra Abständ zwüsche de Texte

- Da es paar Fakte
- für e Checkliste
- i de mittlere Spalte

Rechts Spalte mit Video

     

 

Bispiel B
---------

Abständ vor und nach em Spalteninhalt

 

Mittlere Spalte

Vor em Text isch es drifache Abständli iigfüegt worde, nach em Text aber kei Abständli.

Linki Spalte

Vor em Text isch es zwifache Abständli iigfüegt worde, nach em Text aber kei Abständli.

 

Beispiel C
----------

Unterschiedlichi Uusrichtig vom Inhalt

 

Spalte mit doppelte Abständ

De Inhalt vo dere erschte Spalte isch links uusg’richtet (Bühni & Inhaltselement Titel)

Spalte i de Mitte

De Inhalt vo de mittlere Spalte wird mitti azeigt (Bühni & Inhaltselement Titel)

Rechts Spalte

I de drittä Spalte wird dr ganze Inhalt rächtsbündig azeigt (Bühni & Inhaltselement Titel)

 

Beispiel D
----------

E einzelns Medienelement i jedere Spalte

 

00:00

*Video abspielen*Abspielen externer Inhalte

Bitte akzeptiere alle notwendigen Cookies, um dieses Video anzusehen.

 

Beispiel E
----------

Verschideni Abständ zwüsche dr Inhalteelemente

 

uusglässe Abstand: S

- 

Text mit Medieelement:

uusglässe Abstand: M

- 

Text mit Medieelement:

uusglässe Abstand: L

- 

Text mit Medieelement: