Kalo te përmbajtja kryesore Kalo te navigimi i dokumenteve
in English

Rregulli vertikal

Përdorni ndihmësin e rregullave vertikale të personalizuara për të krijuar ndarëse vertikale si <hr>elementi.

Në këtë faqe

Si punon

Rregullat vertikale janë të frymëzuara nga <hr>elementi, duke ju lejuar të krijoni ndarëse vertikale në paraqitjet e zakonshme. Ata janë stiluar ashtu si <hr>elementë:

  • Ato janë 1pxtë gjera
  • Ata kanë min-height1em
  • Ngjyra e tyre vendoset nëpërmjet currentColordheopacity

Personalizojini ato me stile shtesë sipas nevojës.

Shembull

<div class="vr"></div>

Rregullat vertikale e shkallëzojnë lartësinë e tyre në paraqitjet fleksibël:

<div class="d-flex" style="height: 200px;">
  <div class="vr"></div>
</div>

Me pirgje

Ato mund të përdoren gjithashtu në pirgje :

Artikulli i parë
Artikulli i dytë
Pika e tretë
<div class="hstack gap-3">
  <div class="bg-light border">First item</div>
  <div class="bg-light border ms-auto">Second item</div>
  <div class="vr"></div>
  <div class="bg-light border">Third item</div>
</div>