Bootstrap grid system

Bootstrap grid system

In questa lezione parleremo del Bootstrap grid system. Infatti quando creiamo una pagina web utilizzando Bootstrap, utilizziamo una struttura a griglia, chiamata grid system. All’interno del grid system sono posizionati i contenuti, chiamati components, suddivisi per colonne. Questa guida fa riferimento a Bootstrap 4 e la differenza fondamentale è che Bootstrap4 utilizza la flexbox, anziché […]

Bootstrap nav

Bootstrap Nav

Impostiamo Bootstrap Nav in modo da posizionare il menù nella posizione desiderata. Nella lezione precedente abbiamo inserito il nostro menù usando Bootstrap navbar che si trova nella sezione componenti del sito ufficiale: https://getbootstrap.com/docs/4.4/components/navbar/. Adesso desideriamo posizionare il menù orizzontalmente, cambiando l’orientamento di default. Bootstrap Nav orizzontale Per modificare l’allineamento orizzontale del menù si utilizzano le […]

Bootstrap navbar

Bootstrap navbar

In questa lezione parliamo di Bootstrap navbar, ovvero in definitiva aggiungiamo al template di Bootstrap una navbar, cioè un menù di navigazione. Perciò analizziamo i vari componenti che abbiamo a disposizione con il nostro framework. Andiamo sul sito https://getbootstrap.com, scegliamo Documentation e poi Components, come da figura sotto: Noterete quindi che i componenti sono suddivisi […]

Bootstrap template

Bootstrap template

In questa lezione realizzeremo il nostro primo semplice Bootstrap template. Nella lezione precedente abbiamo scaricato la cartella con i sorgenti e abbiamo rinominato la cartella bootstrap per comodità. Lavoriamo dunque all’interno di questa cartella. Chiaramente quando andremo a creare un sito web rinomineremo questa cartella in maniera opportuna. Ad esempio se dovessi realizzare il sito […]

Bootstrap tutorial

Bootstrap

In questo tutorial parleremo del framework Bootstrap e di come effettuare il download. Ricordiamo che le librerie software di Bootstrap sono un insieme di strumenti per costruire siti web responsive. Per siti web responsive si intendono quei siti il cui layout delle pagine web si regola in maniera automatica, tenendo conto cioè delle caratteristiche del […]