Tre immagini centrate e affiancate responsive con bootstrap

[slerosa]

Come da titolo, sto continuando a studiare come si fa con bootstrap a d affiancare e centrare rispetto alla pagina 3 immagini e fare in modo che si mettano una sotto l'altra quando si stringe?

riesco a farlo solo con immagini allineate verso destra non al centro...

[slerosa]

ho preparato un jsfiddle.... https://jsfiddle.net/udxvcwmn/

così viene bene, solo che vorrei avvicinare di più le immagini laterali al centro... consigli?

[ResianTaxidrive]

Io sinceramente non amo bootstrap. Troppa sovrastruttura per i miei gusti. Comunque, un po' risolvi giocando con i padding di quella classe "col-xs-4" ma siccome è meglio non andare a toccare le classi di bootstrap, io vedo che lui usa la classe doppia e la seconda classe non mi sembra abbia regole. Per cui io farei:

.col-xs-4.c {
padding:0}

.col-xs-4.l {
padding-right:0}

.col-xs-4.r {
padding-left:0}

e magari taglia le immagini perchè hanno troppo spazio vuoto attorno.

[Fidelitymyapp]

Buongiorno slerosa,

sono d'accordo con "Resian". E' consigliabile non modificare le classi di bootstrap a meno che non si sappia cosa si stia facendo.

Ti darei anche un'altra alternativa oltre a quella già descritta da Resian; al posto di utilizzare la classe .col-xs puoi utilizzare la classe .col-sm-4.

Quindi avrai il tuo <div> con width 100% più altri 3 div con classe .col-sm-4. In ogniuno di essi potrai inserire una delle tue immagini.

Spero di esserti stato utile