Hola tengo varios componentes creados en angular-cli y como sabrán a la hora de crear uno se crea un archivo que es css. El problema es que al querer manipular el CSS o la hora de ponerle un fondo a la pantalla de HTML no aparece en toda la pantalla.
Este es el código del html
<div class="bg">
<div class="alert alert-primary text-center">
<h5><b>REGISTRO</b></h5>
</div>
<div class="container alert-secondary my-5">
<div class="row">
<div class="col-md-10 col-md-offset-10">
<div class="form-body">
<div class="tab-content">
<div class="tab-pane fadeIn active">
<div class="innter-form">
<form class="sa-innate-form">
<div class="form-group ">
<div class="col-xs-12">
<label><b>Nombre:</b></label>
<input formControlName="nombre" name="nombre" class="form-control" type="text" required placeholder="Escriba su nombre">
</div>
</div>
<div class="form-group ">
<div class="col-xs-12">
<label><b>Correo Electronico:</b></label>
<input formControlName="email" name="email" class="form-control" type="email" required placeholder="Escriba su correo electrónico">
</div>
</div>
<div class="form-group ">
<div class="col-xs-12">
<label><b>Contraseña</b></label>
<input formControlName="password" name="password" class="form-control" type="password" required
placeholder="Escriba su contraseña">
</div>
</div>
<div class="col-xs-12">
<button class="btn btn-primary" type="submit">Registrarme</button>
</div>
</form>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Este es el código CSS:
.bg{
background-color: beige;
}