Jumbotrontext

Demo bnBootstrapBasic

Bootstrap| Badge| Zahl

1

Bootstrap| Button| Text| Type| Größe


Button mit Badge



Bootstrap| Collaps| Titel| Text

Der Text

Bootstrap| Glyphicon| Typ

-glyphicon-thumbs-up

Bootstrap| Label| Text| Type

Der Labeltext

Bootstrap|Panel| Titel| Text| Fuß| Type

Paneltitel
Paneltext

Bootstrap| Well| Text| Type

Welltext mit Typ s
Welltext mit Typ l

Bootstrap| Tab| Titel| Text

Tabtext 1
Tabtext 2 - wie verschachtelt man Tabs

Bootstrap| Jumbotron| Text

Der Jumbotron wird ganz oben angezeigt

Bootstrap| Media| Bild| Titel| Text

Kopenhagener Strasse

Ansicht Berlin Kopenhagener Strasse

Bootstrap| Carousel| Bilder1

Bootstrap|Grid|Clear

Beispiel Stacked-to-horizontal

.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6

Beispiel Fluid container

.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6

Beispiel: Mobile and desktop

.col-xs-12 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6
.col-xs-6

Beispiel Mobile, tablet, desktop

.col-xs-12 .col-sm-6 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4