Bootstrap 4 : Creare una landing page

Hidran Arias, Programming is fun!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
13 Lessons (2h 9m)
    • 1. Introduzione e installazione di bootstrap 4

      6:46
    • 2. Griglia a 12 colonne. Creare layout responsive

      12:30
    • 3. Barra di menu : navabarnav

      10:13
    • 4. Componente barra di navigazione :navbar navbar

      9:16
    • 5. Componente JUMBOTRON

      8:51
    • 6. Aggiungere call to action al jumbotron

      12:53
    • 7. Componente CARD

      12:07
    • 8. Componente CARD-DECK

      11:23
    • 9. Card footer e conclusioni

      7:33
    • 10. Aggiungendo recapiti alla landing page

      9:24
    • 11. Aggiungendo un form di contatto

      14:03
    • 12. Navabar. Aggiungere barra navigazione fissa in alto

      4:08
    • 13. Componente Scrollspy

      9:24

About This Class

Bootstrap è il framework css, html e javascript più famoso e più usato per creare siti web responsive e mobile first.

In questo video corso ti mostrerò come installare ed usare l'ultima versione di bootstrap, la 4, che anche se è ancora in alpha 4, è già utilizzabile.Se conosci già bootstrap 3, allora imparerai nuovi componenti come le CARD, Scrollspy e le nuove classi per gestire le posizioni delle colonne.

Vedremo come creare un layout fluido. Vedremo come fare in modo che la nostra pagina web sia responsive e quali sono i punti di ruttura, breaking point, a seconda del dispositivo.

Vedremo come formattare un form, aggiungere delle schede di prodotti con il componente CARD.

Vedremo come creare una barra di navigazione con un menù e vedremo come evidenziare i link automaticamente quando si fa scroll col componente SCROLLSPY.

Vedremo come muovere le colonne a destra e sinistra utilizzando le classi con pull e push.

Finito questo corso, potrai creare qualunque layout ti verrà in mente, utilizzando bootstrap