Twitter-Bootstrap Tools

Este componente ofrece un contenedor para objetos que deban ser responsivos como imágenes, animaciones, videos, etc., y vayan a ser utilizados sólos y/o dentro de componentes complejos. En el primer caso les brinda una envoltura responsiva. En el segundo brinda un contenedor intermedio que asegura que se aniden manteniendo sus proporciones ajustadas a los límites impuestos por el componente externo.

Funciona, además, como una short-cut para ahorrar escritura y evita tener que estar pendiente de los juegos de atributos que deben ser asignados al mismo y a los elementos insertados en el. Aunque su constructor solicita un array de definición del elemento, éste sólo debe tener establecida las claves
'tipoDeElemento' => 'objectEmbeder', e
'innerHtm' => [$nestedObjectDef]
para que los procesos de construcción recursiva lo instancien y rendericen correctamente.
En caso de necesitar un ajuste proporcional diferente del ajuste por defecto (European HD-TV) se debe agregar la clave:

  'ratio' => ['x' => (int)X, 'y' => (int)Y],
  dónde: (int)X & (int)Y son valores enteros mayores que 0 y establecen
  la razón entre el ancho y la altura del objeto contenido.

Finalmente, se deben asignar los atributos dimensionales del objeto anidado así:

  $nestedObjectDef = [
     ...,
     'attributes' => [..., 'width'=>'100%', 'height'=>'auto',...],
     ...,
  ];

para asegurar que mantenga un autoajuste responsivo.