Corso tutorial di Bootstrap
- Introduzione
- 01. intro
- 02. Bootstrap
- 03. Getting started
- 04. Landing 1
- 05. Landing 2
- Layout con Bootstrap
- 06. Intro
- 07. Layout
- 08. Grid system
- 09. Grid system_2
- 10. Alignment
- 11. Gutters
- Componenti
- 12. Intro
- 13. Navbar
- 14. Utilities
- 15. Banner
- 16. Bottoni
- 17. Sfida-Footer
- 18. Soluzione footer
- 19. Card
- 20. List group
- 21. Modali
- 22. Sfida-form
- 23. Soluzione form
- 24. Accordion
- 25. Fine tuning
- 26. Colori
- Bootstrap con SASS
- 27. Intro
- 28. Il progetto
- 29. Importare bootstrap
- 30. Parziali
- 31. Variabili
- 32. Breakpoint
- 33. Prossimi passi
- Utilizzare un template
- 34. Intro
- 35 Scaricare il template
- 36. Modificare lo stile
- 37. Conclusioni
08. Grid system
Grid system
Corso tutorial di Bootstrap
Impara come utilizzare il framework Bootstrap per creare pagine web riducendo i tempi di lavoro.
Ogni sito web è costituito da una serie di componenti che possiamo creare da zero con HTML e CSS o affidarci a dei framework frontend con cui ridurre sensibilmente i tempi di lavoro. Tra questi, Bootstrap è il framework frontend più popolare. Esso fornisce infatti numerosi vantaggi, tra cui:
- Componenti base come bottoni, form e input.
- Plug-in javascript che consentono di dare dinamicità al sito senza dover scrivere codice in Javascript.
- Ha compatibilità cross-browser ed è mobile responsive.
Durante questo corso tutorial di Bootstrap andremo a realizzare una landing page con cui pubblicizzare una conferenza di digital marketing, in cui i nostri utenti potranno lasciare il loro indirizzo email. In seguito procederemo a creare il sito vero e proprio della Digital Marketing Conference e, infine, vedremo come utilizzare un template di bootstrap e personalizzarlo per creare landing page in pochissimo tempo.
Per utilizzare al meglio Bootstrap è consigliato avere già una conoscenza base di HTML e CSS, in modo da poter avere più controllo durante la realizzazione del sito. Se sei un neofita del webdesign e desideri approfondire questi argomenti puoi farlo con il nostro corso base di HTML e CSS.
Iscriviti al corso "Corso tutorial di Bootstrap" per poter visualizzare la lezione
Vai al corso