BootstrapTrompfolio

RTL trompfolio

Enhavo

Tipografio

Dokumentado

Montro 1

Montro 2

Montro 3

Montro 4

Montro 5

Montro 6

Titolo 1

Titolo 2

Titolo 3

Titolo 4

Titolo 5

Titolo 6

Ĉi tio estas gvida alineo. Ĝi elstaras el regulaj alineoj.

Vi povas uzi la marketikedon porreliefigiteksto.

Ĉi tiu linio de teksto estas traktata kiel forigita teksto.

Ĉi tiu linio de teksto estas traktata kiel ne plu preciza.

Ĉi tiu linio de teksto estas traktata kiel aldono al la dokumento.

Ĉi tiu linio de teksto prezentiĝos kiel substrekita.

Ĉi tiu linio de teksto estas intencita esti traktata kiel bela preskribo.

Ĉi tiu linio prezentita kiel grasa teksto.

Ĉi tiu linio bildigita kiel kursiva teksto.

Bonkonata citaĵo, enhavita en blokcita elemento.

Iu fama en Fonta Titolo
  • Ĉi tio estas listo.
  • Ĝi aperas tute senstila.
  • Strukture, ĝi ankoraŭ estas listo.
  • Tamen, ĉi tiu stilo nur validas por tujaj infanaj elementoj.
  • Nestitaj listoj:
    • estas netuŝitaj de ĉi tiu stilo
    • ankoraŭ montros kuglon
    • kaj havas taŭgan maldekstran marĝenon
  • Ĉi tio ankoraŭ povas esti utila en iuj situacioj.
  • Ĉi tio estas listo.
  • Kaj alia.
  • Sed ili estas montrataj enlinie.

Bildoj

Dokumentado
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

Tabeloj

Dokumentado
# Unue Laste Tenilo
1 Mark Otto @mdo
2 Jakobo Thornton @graso
3 Larry la Birdo @twitter
# Unue Laste Tenilo
1 Mark Otto @mdo
2 Jakobo Thornton @graso
3 Larry la Birdo @twitter
Klaso Titolo Titolo
Defaŭlte Ĉelo Ĉelo
Primaraj Ĉelo Ĉelo
Sekundara Ĉelo Ĉelo
Sukceso Ĉelo Ĉelo
Danĝero Ĉelo Ĉelo
Averto Ĉelo Ĉelo
Info Ĉelo Ĉelo
Lumo Ĉelo Ĉelo
Mallumo Ĉelo Ĉelo
# Unue Laste Tenilo
1 Mark Otto @mdo
2 Jakobo Thornton @graso
3 Larry la Birdo @twitter

Figuroj

Dokumentado
Placeholder 400x300
Bildoteksto por la supra bildo.

Formoj

Superrigardo

Dokumentado
Ni neniam dividos vian retpoŝton kun iu alia.
Radio-butonoj

Malebligitaj formoj

Dokumentado
Malebligitaj radio-butonoj

Dimensio

Dokumentado

Eniga grupo

Dokumentado
@
@ekzemplo.com
https://example.com/users/
$ .00
Kun teksta areo

Flosantaj etikedoj

Dokumentado

Valido

Dokumentado
Aspektas bone!
Aspektas bone!
@
Bonvolu elekti uzantnomon.
Bonvolu provizi validan urbon.
Bonvolu elekti validan ŝtaton.
Bonvolu doni validan zipon.
Vi devas konsenti antaŭ ol sendi.

Komponentoj

Akordiono

Dokumentado

Ĉi tio estas la akordiona korpo de la unua objekto. Ĝi estas kaŝita defaŭlte, ĝis la kolapsa kromaĵo aldonas la taŭgajn klasojn, kiujn ni uzas por stiligi ĉiun elementon. Ĉi tiuj klasoj kontrolas la ĝeneralan aspekton, same kiel la montradon kaj kaŝadon per CSS-transiroj. Vi povas modifi iun ajn el ĉi tio per kutima CSS aŭ superregante niajn defaŭltajn variablojn. Indas ankaŭ rimarki, ke preskaŭ ajna HTML povas eniri en la .accordion-body, kvankam la transiro ja limigas superfluon.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Ĉi tio estas la akordiona korpo de la tria objekto. Ĝi estas kaŝita defaŭlte, ĝis la kolapsa kromaĵo aldonas la taŭgajn klasojn, kiujn ni uzas por stiligi ĉiun elementon. Ĉi tiuj klasoj kontrolas la ĝeneralan aspekton, same kiel la montradon kaj kaŝadon per CSS-transiroj. Vi povas modifi iun ajn el ĉi tio per kutima CSS aŭ superregante niajn defaŭltajn variablojn. Indas ankaŭ rimarki, ke preskaŭ ajna HTML povas eniri en la .accordion-body, kvankam la transiro ja limigas superfluon.

Atentigoj

Dokumentado

Insigno

Dokumentado

Ekzempla titoloNova

Ekzempla titoloNova

Ekzempla titoloNova

Ekzempla titoloNova

Ekzempla titoloNova

Ekzempla titoloNova

Ekzempla titoloNova

Ekzempla titoloNova

Primaraj Sekundara Sukceso Danĝero Averto Info Lumo Mallumo

Butonoj

Dokumentado

Karto

Dokumentado
Placeholder Image cap
Kartotitolo

Iu rapida ekzempla teksto por konstrui sur la karto titolo kaj konsistigi la plejparton de la karto enhavo.

Iru ien
Prezentita
Kartotitolo

Iu rapida ekzempla teksto por konstrui sur la karto titolo kaj konsistigi la plejparton de la karto enhavo.

Iru ien
antaŭ 2 tagoj
Kartotitolo

Iu rapida ekzempla teksto por konstrui sur la karto titolo kaj konsistigi la plejparton de la karto enhavo.

  • Ero
  • Dua ero
  • Tria ero
Kartligo Alia ligo
Placeholder Image
Kartotitolo

Ĉi tio estas pli larĝa karto kun subtena teksto kiel natura enkonduko al plia enhavo. Ĉi tiu enhavo estas iom pli longa.

Laste ĝisdatigita antaŭ 3 minutoj

Popovers

Dokumentado

Scrollspy

Dokumentado

Unua titolo

Ĉi tio estas iu lokokupilo enhavo por la scrollspy paĝo. Notu, ke dum vi rulumas malsupren la paĝon, la taŭga navigada ligilo estas reliefigita. Ĝi estas ripetita ĉie en la komponentekzemplo. Ni daŭre aldonas plian ekzemplan kopion ĉi tie por emfazi la ruladon kaj reliefigon.

Dua rubriko

Ĉi tio estas iu lokokupilo enhavo por la scrollspy paĝo. Notu, ke dum vi rulumas malsupren la paĝon, la taŭga navigada ligilo estas reliefigita. Ĝi estas ripetita ĉie en la komponentekzemplo. Ni daŭre aldonas plian ekzemplan kopion ĉi tie por emfazi la ruladon kaj reliefigon.

Tria rubriko

Ĉi tio estas iu lokokupilo enhavo por la scrollspy paĝo. Notu, ke dum vi rulumas malsupren la paĝon, la taŭga navigada ligilo estas reliefigita. Ĝi estas ripetita ĉie en la komponentekzemplo. Ni daŭre aldonas plian ekzemplan kopion ĉi tie por emfazi la ruladon kaj reliefigon.

Kvara titolo

Ĉi tio estas iu lokokupilo enhavo por la scrollspy paĝo. Notu, ke dum vi rulumas malsupren la paĝon, la taŭga navigada ligilo estas reliefigita. Ĝi estas ripetita ĉie en la komponentekzemplo. Ni daŭre aldonas plian ekzemplan kopion ĉi tie por emfazi la ruladon kaj reliefigon.

Kvina titolo

Ĉi tio estas iu lokokupilo enhavo por la scrollspy paĝo. Notu, ke dum vi rulumas malsupren la paĝon, la taŭga navigada ligilo estas reliefigita. Ĝi estas ripetita ĉie en la komponentekzemplo. Ni daŭre aldonas plian ekzemplan kopion ĉi tie por emfazi la ruladon kaj reliefigon.

Ŝpiniloj

Dokumentado

Tostoj

Dokumentado

Konsiletoj

Dokumentado