Why container-fluid is leaving blank space on right side-CodePudding

When I use the container-fluid, it is leaving some space on the right side of my web page. I am fairly new to bootstrap so if anyone can help me, it would be much appreciated.

<div  style="border: solid 1px blue">
      <div >
         <div  >
            1
         </div>
         <div  >
            2
         </div>
      </div>
   </div>

CodePudding user response：

Have you linked Bootstrap to your theme / file?
Are you sure you don't have global styling that causes that right space?

CodePudding user response：

You did not give enough details. Anyway looks like your entire document goes a little bit left because I can't see the left border. If you can send the full code I can be more specific

CodePudding user response：

I think you haven't linked Bootstrap to your file. Please check it and try again. In my case, It's working perfectly.

CodePudding user response：

As there is nothing in your div so "1" comes at the start of first div and "2" at the start of second div. That's why you think there is space on right of second div , but actually content is starting from the beginning of each child-div.