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

[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>
}