Demo del tema di Ubuntu-it

Mostra banner cookie policy

Tipografia

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

Titolo h2

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

  • Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
  • Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.
  • Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.

Titolo h3

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

  1. Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
  2. Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
  3. Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.

Titolo h4

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

Griglia

<div class="row">
    <div class="col">
        <!-- Prima colonna -->
    </div>
    <div class="col">
        <!-- Seconda colonna -->
    </div>
</div>

Sono anche disponibili le classi .col-half, .col-third e .col-quarter per specificare le dimensioni di una colonna. Se le classi non sono specificate le colonne avranno dimensione automatica. Altrimenti, se le classi sono specificate ma non riempiono tutta la riga le colonne saranno centrate. Inoltre, .col-center allinea il contenuto della colonna al centro, verticalmente ed orizzontalmente.

Se si vogliono rimuovere i bordi fra le righe, aggiungere la classe .row-borderless nella riga inferiore.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe.

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

Centered

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe. Recusandae quis deleniti debitis non. Nihil molestiae autem ratione doloremque sit quaerat consequuntur. Velit minus aut et voluptatem. Dolorem explicabo commodi ullam in iusto at reiciendis. Eaque quibusdam ad et dolores. Qui numquam nemo est fuga quia animi impedit enim.

Bottoni

Per utilizzare i bottoni basta applicare la classe .btn, e .btn-inverse per i bottoni inversi.

Test button Test button

Box

Sunt vitae recusandae laborum. Qui consequatur laudantium illo corporis. Quia quidem occaecati corporis libero a saepe.

Box title

Box content.

Alert

Gli alert devono avere la classe .alert, e una delle classi .success, .error o .info in base alla loro categoria. Se è presente uno <span> con classe .close, cliccandolo l'alert sparirà.

<div class="alert success">
    Contenuto dell'alert
    <span class="close">&times;</span>
</div>
Tutto è andato bene ×
Si è verificato un errore... ×
Una semplice informazione ×

Tabelle

Le tabelle devono essere contenute dentro ad un <div> con classe .table per ottenere lo stile.

Colonna 1 Colonna 2 Colonna 3 Colonna 4 Colonna 5
Cella 1 Cella 2 Cella 3 Cella 4 Cella 5
Cella 1 Cella 2 Cella 3 Cella 4 Cella 5
Cella 1 Cella 2 Cella 3 Cella 4 Cella 5