StylesHeadlines & TextColorsSpacingListsButtons & LinksAlertsFormsBorder & -radiusComponentsLoading overlayJumbotron HeadersPage FooterIcon LibraryNavigation bar

Buttons & Links

Buttons

Icon-Verwendung nur bei Funktion

button.btn.btn-primary
button.btn.btn-gray-50
button.btn.btn-gray-50.text-white
button.btn.btn-white
button.btn.btn-primary
button.btn.btn-gray-50
button.btn.btn-gray-50.text-white
button.btn.btn-white
button.btn.btn-primary.btn-block
button.btn.btn-gray-50.btn-block
button.btn.btn-gray-50.text-white.btn-block
button.btn.btn-white.btn-block.text-primary
button.btn.btn-primary.btn-block
button.btn.btn-gray-50.btn-block
button.btn.btn-gray-50.text-white.btn-block
button.btn.btn-white.btn-block.text-primary
button.btn.btn-primary.btn-sm
button.btn.btn-primary.btn-lg
button.btn.btn-primary.btn-sm
button.btn.btn-primary.btn-lg

Links

Link in Fließtext (a.text-primary)

Ganz gleich, welche Produktinformationen Sie benötigen – der elektronische Katalog HeliosSelect führt Sie schnell ans Ziel. Von der Maßzeichnung über die technischen Angaben und Schaltpläne bis hin zur Montagevorschrift finden Sie hier sämtliche Daten eines Artikels.

Detail-Link (a.text-primary.font-weight-bold)

Ganz gleich, welche Produktinformationen Sie benötigen – der elektronische Katalog HeliosSelect führt Sie schnell ans Ziel. Von der Maßzeichnung über die technischen Angaben und Schaltpläne bis hin zur Montagevorschrift finden Sie hier sämtliche Daten eines Artikels.

Weiterlesen

Detail-Link (a.font-weight-bold)

Ganz gleich, welche Produktinformationen Sie benötigen – der elektronische Katalog HeliosSelect führt Sie schnell ans Ziel. Von der Maßzeichnung über die technischen Angaben und Schaltpläne bis hin zur Montagevorschrift finden Sie hier sämtliche Daten eines Artikels.

Weiterlesen

Detail-Link (a.text-gray-50.font-weight-bold)

Ganz gleich, welche Produktinformationen Sie benötigen – der elektronische Katalog HeliosSelect führt Sie schnell ans Ziel. Von der Maßzeichnung über die technischen Angaben und Schaltpläne bis hin zur Montagevorschrift finden Sie hier sämtliche Daten eines Artikels.

Weiterlesen

Weiterführender Link zu einer Übersicht (a.font-weight-normal.display-4.text-primary)

Ganz gleich, welche Produktinformationen Sie benötigen – der elektronische Katalog HeliosSelect führt Sie schnell ans Ziel. Von der Maßzeichnung über die technischen Angaben und Schaltpläne bis hin zur Montagevorschrift finden Sie hier sämtliche Daten eines Artikels.

Alle Termine anzeigen

Weiterführender Link zu einer Übersicht (a.display-3)

Ganz gleich, welche Produktinformationen Sie benötigen – der elektronische Katalog HeliosSelect führt Sie schnell ans Ziel. Von der Maßzeichnung über die technischen Angaben und Schaltpläne bis hin zur Montagevorschrift finden Sie hier sämtliche Daten eines Artikels.

Alle Termine anzeigen

Button-Link - nur zu verwenden in CTA (a.btn.btn-white.w-50.text-primary)

Ganz gleich, welche Produktinformationen Sie benötigen – der elektronische Katalog HeliosSelect führt Sie schnell ans Ziel. Von der Maßzeichnung über die technischen Angaben und Schaltpläne bis hin zur Montagevorschrift finden Sie hier sämtliche Daten eines Artikels.

Jetzt kaufen

Mehrzeiliger Link mit Icon benötigt die Klasse .multiline

Ganz gleich, welche Produktinformationen Sie benötigen – der elektronische Katalog HeliosSelect führt Sie schnell ans Ziel.

Ganz gleich, welche Produktinformationen Sie benötigen – der elektronische Katalog HeliosSelect führt Sie schnell ans Ziel.

Ganz gleich, welche Produktinformationen Sie benötigen – der elektronische Katalog HeliosSelect führt Sie schnell ans Ziel.