1
Joomla! 3 / Re:Inserimento griglia immagini responsiva in articolo con template responsivo
« il: 12 Gen 2016, 09:15:05 »
Tomtomeght,
ecco quello che mi mancava, non avevo capiro che i tag col-lg, col-md, col-sm, col-xs servivano per le varie risoluzioni, pensavo si adattasse automaticamente ma in effetti non specificando quante colonne vuoi per risoluzione diventa complicato.
Io non sono riuscito a mettere nella pagina i richiami JS e CSS però funziona quindi conferma che il template lo carica in automatico.
Il codice che ho usato è questo:
poi aggiungerò i link ed è fatta.
Ottima solizione, mi piace ma l'unica pecca è che una persona non smart o che non sappia mettere mano al codice non possa modificare i contenuti.
Grazie a tutti per il supporto.
Maw
ecco quello che mi mancava, non avevo capiro che i tag col-lg, col-md, col-sm, col-xs servivano per le varie risoluzioni, pensavo si adattasse automaticamente ma in effetti non specificando quante colonne vuoi per risoluzione diventa complicato.
Io non sono riuscito a mettere nella pagina i richiami JS e CSS però funziona quindi conferma che il template lo carica in automatico.
Il codice che ho usato è questo:
Codice: [Seleziona]
<div class="container">
<div class="header"> <>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<p><img src="images/Prodotti/Vista/Allison.jpg" alt="Allison" /></p>
<>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<p><img src="images/Prodotti/Vista/CLIPPER.jpg" alt="CLIPPER" /></p>
<>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<p><img src="images/Prodotti/Vista/Eco.jpg" alt="Eco" /></p>
<>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<p><img src="images/Prodotti/Vista/esprit.jpg" alt="esprit" /></p>
<>
<>
<p> </p>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<p><img src="images/Prodotti/Vista/Lamartina.jpg" alt="Lamartina" /></p>
<>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<p><img src="images/Prodotti/Vista/locman_Black.jpg" alt="locman Black" /></p>
<>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<p><img src="images/Prodotti/Vista/Max_&_Co.jpg" alt="Max & Co" /></p>
<>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<p><img src="images/Prodotti/Vista/Mmissoni.jpg" alt="Mmissoni" /></p>
<>
<>
<>
poi aggiungerò i link ed è fatta.
Ottima solizione, mi piace ma l'unica pecca è che una persona non smart o che non sappia mettere mano al codice non possa modificare i contenuti.
Grazie a tutti per il supporto.
Maw