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

2votos

Div del alto de mi pantalla

hola a todos, de antemano les agradezco la ayuda, en estos momentos ando comenzando con lo que es CSS y de igual manera implementando BootsTrap 4.0, lo que quiero es hacer dos div con el mismo tamaño de la pantalla es decir del mismo alto, un div {col-4} y el otro {col-8} pero quiero que tengan este tamaño, ya sea que tengan o no tengan contenido, hasta el momento no he logrado darle esa altura a los div, alguien me podria guiar, para saber en que me estoy equivocando o que me esta faltando??

el codigo que llevo hasta el momento:

<!DOCTYPE html>
<html>
<head>
    <title>Index</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <style type="text/css">
        html, body{
            height: 100%;
            width: 100%;
        }
        .formulario{
            width: 100%;
            height: 100%;
            background-color: gray;
        }
        .informacion{
            width: 100%;
            height: 100%;
            background-color: green;
        }
         .fondo{
            height: 100%;
         }
    </style>
</head>
<body>

    <div class="container-fluid">

        <div class="row fondo">
            <div class="col-4 formulario">
                <br>
                <br>
                <br>
            </div>

            <div class="col-8 informacion">
                <br>
                <br>
            </div>
        </div>  

    </div>
</body>
</html>

1 Respuesta

3votos

FelipeMedel Puntos7210

para tu problema, la solucion es simple, solo te falta darle un estilo a la altura del div container, algo asi:

<div class="container-fluid" style="height: 100%">
</div>

ya con solo agregar esto, tendrias tus div al 100% de alto

1voto

lfmd comentado

muchas gracias

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

Otras Preguntas y Respuestas


Actividad Reciente

...

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

Conecta