0

tengo un proyecto en angular con bootstrap, en donde tengo un componente login, como es que puedo colocarle a este componente un fondo de color. Intente hacer lo siguiente dentro del archivo login.component.html:

<div style="background-color: black;width:1920px; height:1020px;">
  <div class="container text-center">
    <div class="row">
      <div class="col-12">
        <form>
          <div class="form-group">
            <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
              placeholder="Usuario">
          </div>
          <div class="form-group">
            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Contraseña">
          </div>
          <button type="submit" class="btn btn-primary">Entrar</button>
        </form>
      </div>
    </div>
  </div>
</div>

Sin embargo, en el navegador no abarca toda la pantalla, muestra solo una franja delgada de color blanco.

3
  • Ponle el estilo al <body>. En este caso solo estas pintando el divisor.
    – David_helo
    Commented el 30 may. 2019 a las 17:42
  • Si usas Angular, usa la hoja de estilo del componente, es lo más adecuado. Evita poner el estilo en línea en la plantilla html como lo estás haciendo. Saludos Commented el 30 may. 2019 a las 18:00
  • Cada componente de Angular, tiene sus propias hojas de estilos, puedes identificar el archivo con la extensión .sccs ahí solo tienes que aplicar un body { background-color: black; } y listo. Commented el 30 may. 2019 a las 18:34

1 respuesta 1

1
*,
*:before,
*::after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}

y en el Background que no toma todo el ancho usa "height: 100vh" eso significa que usara todo el ancho y alto disponible

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.