如何获得一个基于Bootstrap填充整个屏幕的div

Question

我正在使用引导程序将我的代码包装在rails上使用ruby。现在在这个父类中，我想在整个屏幕上添加一个div（参见屏幕截图中的蓝色div示例）。但它不起作用，因为它保持容器div的填充。该怎么办？相关的鳕鱼是：

在application.html.erb中我有

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

在我的视图文件中，我有

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

Answer 1

在视图中添加css为： -

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

如果以这种方式添加后css不起作用，请使用css添加!important。

例如： -

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