How to make the body tag content to be full screen using bootstrap

Question

I am working on a site using bootstrap 5 to code. my issue is i don't know how to make the website to appear on full screen if i view it in my browser.

website view on browser

Tried this on my CSS:

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0 auto;
    height: 100vh;
    
    width: 100%;
    
}

Does this answer your question? [Bootstrap fullscreen layout with 100% height](https://stackoverflow.com/questions/41448221/bootstrap-fullscreen-layout-with-100-height) — dqhendricks, Jul 30 '22 at 16:35

score 1 · Answer 1 · edited Aug 02 '22 at 15:05

1

Using bootstrap you just need to add container-fluid class to your HTML body element. <body class="container-fluid"> This will cover entire width of screen.

edited Aug 02 '22 at 15:05

ivanatias

3,105
2
14
25

answered Jul 30 '22 at 16:39

Yashraj Dudhatra

11
2

How to make the body tag content to be full screen using bootstrap

1 Answers1