Html 如何让引导程序占据整个屏幕_Html_Css_Bootstrap 4_Ruby On Rails 6

Html 如何让引导程序占据整个屏幕

html css bootstrap-4

Html 如何让引导程序占据整个屏幕,html,css,bootstrap-4,ruby-on-rails-6,Html,Css,Bootstrap 4,Ruby On Rails 6,我用rail6和Bootstrap4创建了一个应用程序。我的问题是我的网站没有占据整个屏幕。顶部和侧面有很多空白。我不知道怎么解决这个问题。可以在此处查看该网站的实时版本。你马上就会明白我在说什么这是我的html <!DOCTYPE html> <html> <head> <title>Blog</title> <%= csrf_meta_tags %> <%= csp_meta_tag

我用rail6和Bootstrap4创建了一个应用程序。我的问题是我的网站没有占据整个屏幕。顶部和侧面有很多空白。我不知道怎么解决这个问题。可以在此处查看该网站的实时版本。你马上就会明白我在说什么

这是我的html

<!DOCTYPE html>
<html>

  <head>
    <title>Blog</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>

  </head>

  <body class="d-flex flex-column">
    <%= render 'layouts/navigation'%>
    <div id="page-content">
          <%= render 'layouts/messages' %>
      <%= yield %>
    </div>
    <%= render 'layouts/footer'%>
  </body>

从网站上看，显然，该机构有保证金导致的问题。将

页边距：0

更改为正文应该可以解决问题，如果没有，请添加

！重要信息

应该可以

body {
  margin: 0 !important;
}

body {
  margin: 0 !important;
}