Ansicht
Bootstrap test umgebung
@gray-base
@gray-darker
@gray-dark
@gray
@gray-light
@gray-lighter
@brand-primary
@brand-second
@brand-second-hover
@brand-success
@brand-info
@brand-warning
@brand-danger
@body-bg
@text-color
@link-color
@link-hover-color
@affix-bg-color
.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 visible-xs-block
Sehr gut! alert-success Du hast erfolgreich diesen wichtigen Warnhinweis gelesen.
Hinweis! alert-info Hier ist deine Aufmerksamkeit gefragt, aber es ist nicht ganz so wichtig.
Warnung! alert-warning Du siehst ganz blass aus, ist alles in Ordnung?
Oh nein! alert-danger Kontrolliere deine Eingaben und versuch es dann noch einmal.
zur information alert-informationKontrolliere deine Eingaben und versuch es dann noch einmal.
screen
Definiert in der variables.less
@screen-xxs: 320px - 479px@screen-xs: 480px - 767px
@screen-sm: 768px - 991px
@screen-md: 992px - 1199px
@screen-lg: 1200px;
Visible und Hidden
visible-xxs √
visible-xs √
visible-sm √
visible-md √
visible-lg √
hidden-xxs √
hidden-xs √
hidden-sm √
hidden-md √
hidden-lg √
hidden-xs-xxs √
hidden-sm-xxs √
hidden-md-xxs √
h1 Überschirft
Selten verwendet nur ganz oben
h2 Überschirft
oft verwendet aber nicht im Textlauf
h3 Überschirft
oft in Texten als aupüberschfti
h4 Überschirft
test nach der überschrift wird so dagestellt
h5 Überschirft
test nach der überschrift wird so dagestellt
h6 Überschirft
test nach der überschrift wird so dagestellt
h7 Überschirft
test nach der überschrift wird so dagestellt
h1 Überschirft
uh1 Überschirft
test nach der überschrift wird so dagestellt h2 Überschirft
uh2 Überschirft
test nach der überschrift wird so dagestellt h3 Überschirft
uh3 Überschirft
test nach der überschrift wird so dagestellt h4 Überschirft
uh4 Überschirft
test nach der überschrift wird so dagestellt h5 Überschirft
uh5 Überschirft
test nach der überschrift wird so dagestellt
h6 Überschirft
uh6 Überschirft
test nach der überschrift wird so dagestellt
h7 Überschirft
uh6 Überschirft
test nach der überschrift wird so dagestellt
Top Headline Main Design1 grosse-2 Sub Headline
test nach der überschrift wird so dagestellt
Top Headline
Main Design1 grosse-1
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design1 grosse0
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design1 grosse1
Sub Headline
test nach der überschrift wird so dagestellt
Top Headline Main Design1 grosse2 Sub Headline
test nach der überschrift wird so dagestelltTop Headline Main Design1 grosse3 Sub Headline
test nach der überschrift wird so dagestellt
Top Headline
Main Design1 grosse4
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design1 grosse5
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design1 grosse6
Sub Headline test nach der überschrift wird so dagestellt
Main Design1 grosse-2
test nach der überschrift wird so dagestellt
Main Design1 grosse-1
test nach der überschrift wird so dagestelltMain Design1 grosse0
test nach der überschrift wird so dagestelltMain Design1 grosse1
test nach der überschrift wird so dagestelltMain Design1 grosse2
test nach der überschrift wird so dagestelltMain Design1 grosse3
test nach der überschrift wird so dagestelltMain Design1 grosse4
test nach der überschrift wird so dagestelltMain Design1 grosse5
test nach der überschrift wird so dagestelltMain Design1 grosse6
test nach der überschrift wird so dagestelltTop Headline Main Design2 grosse-2 Sub Headline
test nach der überschrift wird so dagestellt
Top Headline
Main Design2 grosse-1
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design2 grosse0
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design2 grosse1
Sub Headline
test nach der überschrift wird so dagestellt
Top Headline Main Design2 grosse2 Sub Headline
test nach der überschrift wird so dagestelltTop Headline Main Design2 grosse3 Sub Headline
test nach der überschrift wird so dagestellt
Top Headline
Main Design2 grosse4
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design2 grosse5
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design2 grosse6
Sub Headline test nach der überschrift wird so dagestellt
Main Design2 grosse-2
test nach der überschrift wird so dagestellt
Main Design2 grosse-1
test nach der überschrift wird so dagestelltMain Design2 grosse0
test nach der überschrift wird so dagestelltMain Design2 grosse1
test nach der überschrift wird so dagestelltMain Design2 grosse2
test nach der überschrift wird so dagestelltMain Design2 grosse3
test nach der überschrift wird so dagestelltMain Design2 grosse4
test nach der überschrift wird so dagestelltMain Design2 grosse5
test nach der überschrift wird so dagestelltMain Design2 grosse6
test nach der überschrift wird so dagestelltTop Headline Main Design3 grosse-2 Sub Headline
test nach der überschrift wird so dagestellt
Top Headline
Main Design3 grosse-1
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design3 grosse0
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design3 grosse1
Sub Headline
test nach der überschrift wird so dagestellt
Top Headline Main Design3 grosse2 Sub Headline
test nach der überschrift wird so dagestelltTop Headline Main Design3 grosse3 Sub Headline
test nach der überschrift wird so dagestellt
Top Headline
Main Design3 grosse4
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design3 grosse5
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design3 grosse6
Sub Headline test nach der überschrift wird so dagestellt
Main Design3 grosse-2
test nach der überschrift wird so dagestellt
Main Design3 grosse-1
test nach der überschrift wird so dagestelltMain Design3 grosse0
test nach der überschrift wird so dagestelltMain Design3 grosse1
test nach der überschrift wird so dagestelltMain Design3 grosse2
test nach der überschrift wird so dagestelltMain Design3 grosse3
test nach der überschrift wird so dagestelltMain Design3 grosse4
test nach der überschrift wird so dagestelltMain Design3 grosse5
test nach der überschrift wird so dagestelltMain Design3 grosse6
test nach der überschrift wird so dagestelltTop Headline Main Design4 grosse-2 Sub Headline
test nach der überschrift wird so dagestellt
Top Headline
Main Design4 grosse-1
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design4 grosse0
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design4 grosse1
Sub Headline
test nach der überschrift wird so dagestellt
Top Headline Main Design4 grosse2 Sub Headline
test nach der überschrift wird so dagestelltTop Headline Main Design4 grosse3 Sub Headline
test nach der überschrift wird so dagestellt
Top Headline
Main Design4 grosse4
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design4 grosse5
Sub Headline test nach der überschrift wird so dagestellt
Top Headline
Main Design4 grosse6
Sub Headline test nach der überschrift wird so dagestellt
Main Design4 grosse-2
test nach der überschrift wird so dagestellt
Main Design4 grosse-1
test nach der überschrift wird so dagestelltMain Design4 grosse0
test nach der überschrift wird so dagestelltMain Design4 grosse1
test nach der überschrift wird so dagestelltMain Design4 grosse2
test nach der überschrift wird so dagestelltMain Design4 grosse3
test nach der überschrift wird so dagestelltMain Design4 grosse4
test nach der überschrift wird so dagestelltMain Design4 grosse5
test nach der überschrift wird so dagestelltMain Design4 grosse6
test nach der überschrift wird so dagestelltNormael schrift große
stong fette Schrift
italic schräge Schrift
lead | Einführungstext
text-uppercase | Großgeschriebener Text.
Schrift Größe
Schrift größe th-2
Schrift größe th-1
Schrift größe th0
Schrift größe th1
Schrift größe th2
Schrift größe th3
Schrift größe th4
Schrift größe th5
Schrift größe th6
Schrift Block
th6 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolorren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
th5 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolorren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
th4 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
th3 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
th2 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
th1 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
th0 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
th-1 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
th-2 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
well
panel-wrap
panel
panel-wrap -> panel
Button
btn-default btn-second btn-primary btn-success btn-importent.btn-lg .btn-sm .btn-xs
Slider test2
