Creare siti con Bootstrap con un Metodo Efficace #3 - Griglie, Offset e Container

[@eleivo4608]

La documentazione non sempre è facile da seguire, ma qui è spiegato nel modo più semplice e chiaro che esiste!

[@maurocaporaso8975]

è il video più illuminante che abbia mai visto sulle griglie di bootstrap :D

[@tappetinopietro]

fantastico. 60 minuti sul treno del mattino e mi sento già padrone di bootstrap.. ora proviamo a metterlo in pratica 😭😭😭. bellissimo video. grazie.

[@noceranunzio]

Sei bravo e chiaro...virtù che altri non hanno! Iscritto! Programmo lato server...il front end mi mancava! Grazie! :)

[@AndreaNobili84]

Fantastico, non usavo Bootstrap da anni (negli ultimi anni ho lavorato principalmente come backend developer), dovendo ora rimetterci le mani con Angular mi sono trovato un po' in crisi con il sistema a griglie (non ricordavo la logica di funzionamento)...questo tutorial mi è stato utilissimo per rispolverare vecchi concetti dimenticati

[@NIcoCuoreDiAnGeLo]

Più chiaro di cosi non si può. Davvero una bomba questo bootstrap. Grazie Andrea

[@duckjaniels9775]

Se mi è piaciuto il video? Fenomenale.. non vedo l'ora di "giocarci" un pò. Grazie mille!

[@TheMrTraceur]

Aspettavo con ansia questo video e ne è valsa davvero la pena. Avevo già dato un'occhiata alla documentazione di bootstrap riguardo il sistema delle griglie ma avevo ancora qualche dubbio, il tuo tutorial è proprio quello che ci voleva! Ammetto che conservo ancora qualche piccolo dubbio sul funzionamento di "push & pull" ma approfondirò. Grazie mille e veramente ancora complimenti per tutto!

[@Marchetti_Design]

Ciao grazie per il supporto! se hai dubbi sul push and pull la cosa migliore che puoi fare è creare una pagina html e fare dei test ;-)

[@ilmiovaio]

Fantastico!! Grazie mille per i tuoi preziosi video!!!

[@alext4326]

grazie 1000 !!! tutorial chiaro e ottimo !!! tutt'oggi valido

[@stebboy]

Ottimo tutorial!! Sto apprendendo molto dai tuoi video! Continua così e grazie mille per la disponibilità e cordialità!

[@danilos5627]

ciao andrea, complimenti ottimo video ben illustrato!

[@LucaPilolli]

Video molto ben fatto e molto utile, la musica di sotto fondo dopo un po' non se ne può più ;-)

[@fabioruggirello6524]

Ciao andrea......non capisco perché quando utilizzi il pull e i push rimani sempre sulla stessa risoluzione, invece di dichiarare una risoluzione diversa es: col-md-9 col-Xs-pull ecc...dal momento che stiamo ridimensionando lo schermo e passiamo da una risoluzione desktop diciamo a una quasi mobile...

[@alemish9836]

Sei un genio 👏

[@Malurissio]

Grazie davvero, sei un salvavita. Solo una domanda, che immagino sia ovvia. Posso implementare i tag semantici html5, giusto? Ad esempio mettere una section oppure un article al posto del div? Basta che abbia la classe .container. Grazie =)

[@yo-ie3bu]

sei un grande grazie a te ho capito il funzionamento delle grid di bootstrap mito

[@saraconnor1342]

Grazie del bel video chiaro e utilissimo, una domanda stupida quando hai dovuto aggiungere del testo su diversi col lo hai fatto contemporaneamente su tutti scrivendo una sola volta, uno short cut fenomenale , ho installato emmet ma come si si fa che combinazioni di tasti si usa per scrivere contemporaneamente? ho visto che hai cliccato su ogni riga su cui hai scritto , ma insieme cosa si preme?

[@KTR84g]

Eccellente complimenti!

[@stini2001]

Complimenti, bel video.

[@engii______4944]

Ottimo tutorial.

[@andrealocatelli3780]

ciao, ti chiedo un piccolo approfondimento, se metto un immagine come sfondo dei col-sm è possibile metter in separatore tra le immagini cosi da risultare staccate perché vorrei una spaziatura minore di quella che mi danno gli offset. Grazie mille

[@leoncino7000]

Complimenti!!!

[@antoniofiorillo5417]

Chiarissimo come sempre!!! ;)

[@GianlucaLeone]

Ciao ! Ho un piccolo problema. Se creo una row da 4x3 e gli do un colore di sfondo risultano una appiccicata all’altra. Se però do del Margin in CSS una va a finire giù. La mia domanda è, come posso dargli un colore di sfondo in modo che non risultino una attaccata all’altra ? Grazie mille !

[@stefanolamalfa5200]

come agiscono le griglie su moderni dispositivi mobile con risoluzioni superiori ai 1200px?

[@asganawayaway]

Ciao, ho letto un po' di controversie riguardo i containers e la loro abilità nel essere responsive a dispetto delle griglie CSS. Potresti chiarire l'argomento in un video? Ottimi tutorial comunque, sto seguendo la serie con molta attenzione! :)

[@marcostagi6997]

posso trasformare un col-4 in un carosello su smartphone??

[@sabrinapani5854]

Ciao Andrea non riesco ad alineare le colonne di bootstrap, si posizionano una sotto l'altra. Quale potrebbe essere il problema? Grazie ho risolto avevo sbagliato scrivendo la classe col-md-..

[@Marchetti_Design]

Ottimo!

[@EugenioBorgialli]

Ciao Andrea, complimenti vivissimi come sempre. TI chiedo un piccolo approfondimento, rimanendo in tema: qual'è, secondo te, la best practice per centrare gli elementi orizzontalmente all'interno delle colonne? Ad esempio: una, due o tre immagini allineate da posizionare centralmente sotto allo slider. Margin 0 auto pare non funzionare; c'è una classe che permette di allineare in questo modo i div? Grazie, un saluto!

[@Marchetti_Design]

Ciao grazie del supporto! il tag è un elemento inline (di default) per allinearlo con "margin: 0 auto;" devi renderlo block con "display:block" ;-)

[@EugenioBorgialli]

Grazie Andrea!

[@nickton]

Ma se al collasso delle colonne volessi lasciare dello spazio?

[@MrZiochicco]

Ciao Andrea, complimenti per i video tutorial, sono molto interessanti e ben fatti. Una curiosità, come fai ad inserire un div scrivendo semplicemente la classe, tipo .col-sm-4 diventa ? Usi qualche tasto rapido? Grazie e complimenti ancora!

[@Marchetti_Design]

Si è un plugin per scrivere codice si chiama emmet! ho fatto un video a riguardo: kzbin.info/www/bejne/mpCsfJuIqKdqiZo

[@MrZiochicco]

grazie mille, ottimo tool

[@espanico06]

Andrea che modello di macbook hai?

[@Marchetti_Design]

Ciao, un mac pro retina da 15 pollici ;-)

[@giannidef]

Ciao, ho trovato questi tutorial interessantissimi e chiari ma ho un piccolo problema con gli offset: quando utilizzo le classi col-xs-8 col-xs-offset-2 per lo stesso DIV è perché voglio che, in modalità smartphone, vi sia una sola colonna da 8 spostata di 2 (quindi centrata), e funziona perfettamente, solo che anche in modalità desk (es 1920) mi viene spostata di due colonne, e le mie 3 colonne da 4 (col-sm-4) diventano 2. Le classi utilizzate per il div sono esattamente queste: col-sm-4 col-xs-8 col-xs-offset-2. Dove sbaglio?? Grazie per l'aiuto e complimenti!!

[@NayShans]

Ciao, poi hai risolto?

[@lucadrago96]

non capisco perchè non funzionano ne gli offset ne i pull e push, e pure ho scritto il tuo stesso codice....

[@pablodamianalfonsoquintana2279]

Anche a me non funziona, hai risolto per caso?

[@ruggerosutube]

GENTILMENTE SPOSTERESTI LA PIANTA , NON RIUSCIAMO A LEGGERE IL FOGLIO NEL DETTAGLIO

[@danieleesposito5488]

tante cose purtroppo non funzionano più

[@Marchetti_Design]

Sono cambiate le tecnologie guarda il video su come fare un framework bomba

[@gamercat4878]

Ciao ottimo video, dovrei creare una lista prodotti con thumbnail a sinistra descrizione centrale e pulsante Acquista a destra, immagino si possa realizzare tranquillamente con questa guida. Se volessi personalizzare le classi, margini ecc ecc faccio riferimento, immagino, a questo video: kzbin.info/www/bejne/fGSQZ5WJf5WjopI

[@Marchetti_Design]

Ciao si, fai pure riferimento al video sulla landing ;-)

[@gamercat4878]

Grazie e comunque complimenti per la competenza e per la chiarezza dei tutorial