[TYPO3-UG Spain] Bootstrap y class="jumbotron"

[Nicolas Puente]

Se me ocurre aque puedes aðadir detrás de cada jumbotron la clase que 
desees... Ya tienes cuatro columnas con distinto fondo.
Pero se pueden crear clases para que se elijan a la hora de crear el 
contenido.

Saludos.

Nicolás


  # Oberer Bereich, ganze Breite
10 < styles.content.get
10.select.where = colPos = 0
10.wrap = <div class="row">|</div>


20 < styles.content.get
20.select.where = colPos = 1
20.wrap =<br><br><div class="row"><div class="col-xs-12 col-md-3"><div 
class="jumbotron *uno*">|</div></div>


30 < styles.content.get
30.select.where = colPos = 2
30.wrap = <div class="col-xs-12 col-md-3"><div class="jumbotron 
*dos*">|</div></div>

40 < styles.content.get
40.select.where = colPos = 3
40.wrap = <div class="col-xs-12 col-md-3"><div class="jumbotron 
*tres*">|</div></div>

50 < styles.content.get
50.select.where = colPos = 4
50.wrap = <div class="col-xs-12 col-md-3"><div class="jumbotron 
*cuatro*">|</div></div></div>



Am 01.08.2015 um 20:38 schrieb Alberto jimenez:
> Hola Amigos,
>
> He creado un layout con tres filas  y una de las filas tiene cuatro 
> columnas.En Cada columna iran insertados varios Regular Text Element.
>
> Cada Regular Text Element ira con la clase, jumbotron de bootstrap, ya 
> que no tengo ni idea de como poner un fondo a cada Regular Text Element.
> Mi problema es que al tener varios Regular Text Element en cada 
> columna muestra el fondo en un unico bloque y no por separado como me 
> gustaria.
> Es decir no muestra cada Regular Text Element con un fondo independiente.
>
> En Total son 20 Regular Text Element, la unica solucion que se me 
> ocurre  es un Layout con 5 filas y 4 colmunas. Y en condigo igual.
> No es una solucion muy profesional.
> Habria alguna forma de separarlos.
>
> ######################################################################################## 
>
> backend_layout {
>     colCount = 4
>     rowCount = 3
>     rows {
>         1 {
>             columns {
>                 1 {
>                     name = Titulo
>                     colspan = 4
>                     colPos = 0
>                 }
>             }
>         }
>         2 {
>             columns {
>                 1 {
>                     name = Columna1
>                     colPos = 1
>                 }
>                 2 {
>                     name = Columna2
>                     colPos = 2
>                 }
>                 3 {
>                     name = Columna3
>                     colPos = 3
>                 }
>                 4 {
>                     name = Columna4
>                     colPos = 4
>                 }
>             }
>         }
>         3 {
>             columns {
>                 1 {
>                     name = Footer
>                     colspan = 4
>                     colPos = 5
>                 }
>             }
>         }
>     }
> }
>
>
> /###################################################################################### 
>
> temp.contentStructure = CASE
> temp.contentStructure {
> key.field = backend_layout
> key.ifEmpty.data = levelfield:-2, backend_layout_next_level, slide
>
> # UID des Backend Layouts
> 14 = COA
> 14.10 = COA
> 14.10 {
>
>
>
>
>  # Oberer Bereich, ganze Breite
> 10 < styles.content.get
> 10.select.where = colPos = 0
> 10.wrap = <div class="row">|</div>
>
>
> 20 < styles.content.get
> 20.select.where = colPos = 1
> 20.wrap =<br><br><div class="row"><div class="col-xs-12 col-md-3"><div 
> class="jumbotron">|</div></div>
>
>
> 30 < styles.content.get
> 30.select.where = colPos = 2
> 30.wrap = <div class="col-xs-12 col-md-3"><div 
> class="jumbotron">|</div></div>
>
> 40 < styles.content.get
> 40.select.where = colPos = 3
> 40.wrap = <div class="col-xs-12 col-md-3"><div 
> class="jumbotron">|</div></div>
>
> 50 < styles.content.get
> 50.select.where = colPos = 4
> 50.wrap = <div class="col-xs-12 col-md-3"><div 
> class="jumbotron">|</div></div></div>
>
>
> }
>
> # Footerbereich
> 14.20 < styles.content.get
> 14.20.select.where = colPos = 5
> 14.20.wrap = <div class="row">|</div>
> }
> _______________________________________________
> TYPO3-UG-Spain mailing list
> TYPO3-UG-Spain at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-spain