Postavitev

Pregled

Quisque consectetur neque a eleifend gravida. Curabitur vitae felis fermentum, condimentum neque in, iaculis purus. Integer elit erat, molestie a pretium quis, finibus id magna. Suspendisse sodales eros neque, id iaculis turpis rutrum vehicula. Aliquam ultrices nisi eget tincidunt condimentum.

Okvirji

Ut egestas venenatis est, at lobortis turpis ultrices eu. Aenean ut aliquam magna. Phasellus posuere, sapien at varius ullamcorper, nunc nunc condimentum elit, eget dignissim neque orci sed justo. Aliquam efficitur tempus eleifend. In fringilla ligula quis finibus pellentesque. Phasellus interdum maximus dictum. Donec sollicitudin libero turpis, eu consectetur ante volutpat vitae.

Maecenas quis consectetur nisi max-width aliquam dapibus risus mauris, eget imperdiet ante tincidunt 100% ac. Morbi sit amet mollis erat. Integer sit amet ultricies mi.

<div class="container">
    <!-- Content here -->
</div>

Maecenas sed quam non nunc fermentum gravida vitae a ipsum. Mauris placerat, erat quis facilisis accumsan, dolor velit dignissim magna, eu hendrerit ligula sapien a arcu.

Aenean vel metus congue, convallis dui eu, cursus felis. Duis eget orci sed .container-fluid turpis bibendum tincidunt. Curabitur ultricies aliquet turpis et dignissim. Sed vitae sapien gravida, tincidunt leo ac, tincidunt leo.

<div class="container-fluid">
    <!-- Content here -->
</div>

Mrežni sistem

Maecenas sed finibus felis. Proin a lorem tortor. Nam scelerisque, sapien nec tincidunt pulvinar, ligula ipsum semper tortor, non blandit ligula eros in lectus. Aenean aliquet porta nisi id placerat. Vivamus eget egestas odio. Suspendisse congue justo id ipsum tempus, vel vehicula quam mattis. Suspendisse eget nisi magna.

Kako deluje

Curabitur fermentum, elit at vulputate feugiat, quam odio volutpat dui, in ornare magna turpis id lacus. Aenean mattis dapibus ante ac volutpat. Vestibulum aliquet accumsan mi sit amet cursus. Maecenas tristique nibh est, quis ultrices dui congue at.

Aenean dictum leo pharetra convallis hendrerit. Etiam malesuada, metus vel vehicula pretium, urna velit tristique velit, sit amet sagittis velit est sit amet est. Vivamus pellentesque tellus vel metus pellentesque pretium .container:

• Morbi eget hendrerit enim. Proin tristique interdum est, dictum rutrum lectus efficitur ultrices.
• Donec malesuada, lectus quis congue varius, nulla ipsum tincidunt enim, ac congue lacus metus in arcu.
• Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse potenti. Maecenas at nibh lacus. Vestibulum et semper lectus. Morbi lobortis dolor .col-sm-6 dolor, sed finibus tellus tincidunt sit amet.
• Phasellus dui sapien, cursus vulputate tempus nec, cursus sit amet justo. Proin vitae dui porta, dictum enim nec, convallis nunc. Nunc feugiat condimentum nunc quis fermentum. Sed lacinia tincidunt magna, vitae tincidunt augue commodo nec.
• Mauris rhoncus felis nec velit aliquet egestas. Nullam iaculis pellentesque nulla at ultrices. Pellentesque ut laoreet nibh. Maecenas aliquet erat lacus, nec viverra purus eleifend in.

Donec vel aliquam erat. Donec sit amet sapien eros. Suspendisse potenti. Nulla facilisi. Donec vehicula consequat suscipit. Sed aliquam sagittis efficitur. Integer ornare euismod venenatis. Donec porttitor elit ut tellus faucibus vestibulum bibendum eget nibh. Phasellus sit amet leo vel orci posuere bibendum. Proin in ante sed mauris iaculis mollis sit amet quis elit. Morbi et ligula nisl.

Avtomatska razporeditev mreže

Morbi eget hendrerit enim. Proin tristique interdum est, dictum rutrum lectus efficitur ultrices. Donec malesuada, lectus quis congue varius, nulla ipsum tincidunt enim, ac congue lacus metus xs in xl arcu.

Prilegajoča mreža

Class aptent taciti sociosqu ad litora torquent per .col conubia nostra .col-*, per inceptos himenaeos. Suspendisse potenti. Maecenas at nibh lacus. Vestibulum et semper lectus. Morbi lobortis dolor dolor, sed finibus tellus tincidunt sit amet. Phasellus dui sapien, cursus vulputate tempus nec, cursus sit amet justo. Proin vitae dui porta, dictum enim nec, convallis nunc.

<div class="row">
  <div class="col">col</div>
  <div class="col">col</div>
  <div class="col">col</div>
  <div class="col">col</div>
</div>
<div class="row">
  <div class="col-8">col-8</div>
  <div class="col-4">col-4</div>
</div>

Poravnava

Nunc feugiat condimentum nunc quis fermentum. Sed lacinia tincidunt magna, vitae tincidunt augue commodo nec. Mauris rhoncus felis nec velit aliquet egestas.