Joomla.it Forum

Joomla! 3 => Joomla! 3 => : Fenicexx 20 Nov 2014, 12:02:24

: [RISOLTO]Bootstrap dentro articolo
: Fenicexx 20 Nov 2014, 12:02:24

Ciao,
ho creato un articolo in k2 e vorrei creare una griglia 2x3 con delle immagini (e relativo link).
Ho pensato di usare bootstrap (probabilemente questa scelta è una cagata) in modalità codice dell'articolo ho fatto una cosa del tipo:

:

<div class="container">
    <div class="row">
        <div class="col-md-4">
            <h1>TITOLO 1</h1><a href="https://www.youtube.com/...." target="_blank" class="jcepopup" title="TITOLO 1"><img title="TITOLO 1" src="images/...." alt="TITOLO 1" />[/url]
        </div>
        <div class="col-md-4">
            <h1>TITOLO 2</h1><a href="https://www.youtube.com/...." target="_blank" class="jcepopup" title="TITOLO 2"><img title="TITOLO 2" src="images/...." alt="TITOLO 2" />[/url]
        </div>
        <div class="col-md-4">
             <h1>TITOLO 3</h1><a href="https://www.youtube.com/...." target="_blank" class="jcepopup" title="TITOLO 3"><img title="TITOLO 3" src="images/...." alt="TITOLO 3" />[/url]
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
              <h1>TITOLO 4</h1><a href="https://www.youtube.com/...." target="_blank" class="jcepopup" title="TITOLO 4"><img title="TITOLO 4" src="images/...." alt="TITOLO 4" />[/url]
        </div>
        <div class="col-md-4">
               <h1>TITOLO 5</h1><a href="https://www.youtube.com/...." target="_blank" class="jcepopup" title="TITOLO 5"><img title="TITOLO 1" src="images/...." alt="TITOLO 5" />[/url]
        </div>
        <div class="col-md-4">
                <h1>TITOLO 6</h1><a href="https://www.youtube.com/...." target="_blank" class="jcepopup" title="TITOLO 6"><img title="TITOLO 6" src="images/...." alt="TITOLO 6" />[/url]
        </div>
    </div>
</div>
Invece di ottenere le mie 2 righe con 3 colonne, il risultato è 1 colonna con 6 righe.

Dove sbaglio??

Grazie

: Re:Bootstrap dentro articolo
: claudiocarrera 20 Nov 2014, 12:16:26

Due cose:

Il tuo template usa boostrap 2 (cioè quello integrato in joomla) o bootstrap 3 (che va integrato manualmente)? perché se stai usando il 3 è corretto, se stai usando il 2 no.
"col-md-4" è solo nella versione 3, nella versione 2 devi usare "span4"

Secondo problema è che quasi sicuramente il  tuo articolo è già inserito all'interno di una "gabbia"data dal template, per le modifiche di questo tipo bisognerebbe lavorare direttamente sul template, perché inserendolo ci posso essere problemi di conflitti tra codici css, è un pò una forzatura diciamo.

Ti dò un consiglio: e se invece d'inserire un articolo solo inserisci più articoli e poi li carichi tramite componenente blog o modulo?  è fattibile?
Meglio se metti anche un link al tuo sito per completezza.
 

: Re:Bootstrap dentro articolo
: Fenicexx 20 Nov 2014, 12:27:16

Il problema era proprio la versione di bootstrap. Ho risolto con span4.

Grazie mille per l'aiuto