entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Component en Bootstrap

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.

0voto

Peter comentado

¿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?

0voto

KoffeeSoft comentado

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.

1 Respuesta

1voto

burzumumbra Puntos650

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>

0voto

KoffeeSoft comentado

Hola, pero si uso el col-md-x me queda estática la posición y en caso donde no ponga nada en el modulo izquierda o derecha me va a quedar en el centro con el col-md-x que le de, dejándome las otras x columnas vacias, necesito algo que me ajuste automáticamente el modulo. el container-fluid es lo mas cercano que he encontrado pero no hace lo deseado, en las plantillas ya diseñadas hacen ese ajuste pero no logro tampoco encontrar que lo hace.

0voto

KoffeeSoft comentado

Hola, sera que puedo hacer algún tipo de condición, como si no esta tal modulo el componet se extienda, si si es posible me podrían dar una ayuda, porque no encuento nada De antemano gracias.

0voto

burzumumbra comentado

Bueno quiza tu problema es que el container-fluid debe contener a los divs con el col-md-x no como tu lo aplicas, disculpa si se usa en container-fluid.
Te dejo esto http://stackoverflow.com/questions/22262311/bootstrap-3-1-container-fluid-vs-container
Ademas creo que te falta esto en tu <head> <meta name="viewport" content="width=device-width, initial-scale=1">
Intenta cambiar el codigo que te di el container a container-fluid y agregar esta linea. PDT: Tu enlace no funciona.

0voto

burzumumbra comentado

Te recomiendo leer esta documentación. http://getbootstrap.com/css/

0voto

KoffeeSoft comentado

Hola, ya he buscado, me he documentado sobre esta función pero no me da ningún resultado póngalo donde lo ponga, lo de meta ya lo tengo, pero el resultado es como si pusiera un col-md-6 centrado no se auto autoajusta a la medida del div, el enlace sirve ya lo ensaye, tal vez el servidor no funcionaba en el momento. No habra otra alternativa?

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta