Wie bekomme ich ein Div, das den gesamten Bildschirm basierend auf Bootstrap

Question

Ich benutze den Bootstrap, um meinen Code in die Verwendung von Ruby auf Schienen zu wickeln. Nun möchte ich innerhalb dieser Elternklasse ein div hinzufügen (siehe blaues Div-Beispiel auf dem Screenshot), das den gesamten Bildschirm ausfüllt. Aber es funktioniert nicht, da es die Polsterung des Containers div hält. Was ist zu tun? Der relevante Kabeljau ist:

In application.html.erb I

haben

<div class="container"> 
<%= yield %> 
</div> 

Meiner Ansicht Datei habe ich

<div class="row"> 
    <div class="col-md-12 blue">Lorem 
</div> 
</div> 

Answer 1

css Fügen Sie in der Ansicht als: -

<style type="text/css"> 
    body {#add blue class css here} 
</style 
<div class="row"> 
    <div class="col-md-12">Lorem 
    </div> 
</div> 

Wenn die CSS nach dem Hinzufügen auf diese Weise nicht funktioniert, fügen Sie !important mit dem CSS hinzu.

ZB: -

<style type="text/css"> 
    body {background-color: red !important;} 
</style 
<div class="row"> 
    <div class="col-md-12">Lorem 
    </div> 
</div>