Question

Buen dia, tengo un incoveniente al momento de crear las columnas tengo esto:

<div class="row">
      <div class="col-md-3">
        <jdoc:include type="modules" name="izquierda" style="xhtml">
      </div>
      <div class="container-fluid">
        <jdoc:include type="component">
      </div>
      <div class="col-md-3">
        <jdoc:include type="modules" name="derecha" style="xhtml">
      </div>
    </div>

el inconveniente es que cuando quiero poner info en el modulo izq me aparecen las lineas que separan los contenidos, y si pongo info en el modulo derecho no me aparece la info en el mismo row me aparece abajo del modulo izq, utilice la clase container-fluid de bootstrap para que el contenido fuera auto-ajustable pero no me esta haciendo la función como pensé que funcionaria, entonces como hago para que el component se ajuste automáticamente hayan o no hayan módulos a sus lados?
Es una plantilla para joomla 3.

Comments

¿Tienes completamente separados los estilos de cada cosa?

Por lo que mencionas me parece que tus hojas de estilo están sobre escribiendo algunas de tus reglas y por esa razón no aparece como quieres.

¿Tienes las cosas en URL donde se pueda ver?

---

Hola, esta es la URL:
http://competencias.hol.es/

y es un solo desorden, claro que usando:

<div class="row">
<div class="container">
    <div class="col-md-3">
        <jdoc:include type="modules" name="izquierda" style="xhtml"/>
    </div>
    <div class="col-md-6">
        <jdoc:include type="component"/>
    </div>
    <div class="col-md-3">
        <jdoc:include type="modules" name="derecha" style="xhtml"/>
    </div>
 </div>

si se me ordena bonito pero no se autoajusta el component en el caso que no muestre los modulos derechos e izquierdos.

Answer 1

Intenta esto, container'fluid ya no se usa en bootstrap 3, al menos yo no lo uso; despues de crear el row, usas container para centrar los divs en su interior y debes especificar el tamaño de los 3 divs con col-md-x

<div class="row">
<div class="container">
    <div class="col-md-3">
        <jdoc:include type="modules" name="izquierda" style="xhtml"/>
    </div>
    <div class="col-md-6">
        <jdoc:include type="component"/>
    </div>
    <div class="col-md-3">
        <jdoc:include type="modules" name="derecha" style="xhtml"/>
    </div>
 </div>

</div>