I would suggest having a look at the bootstrap docs again (you don’t need to be wrapping all sorts of things in <div class="container-fluid"></div> and have a look at your HTML tags - there is no <p1> tag.
You can typically use one .container-fluid and put a ..row inside of that (often only one is all that is needed). Then you can use various col-* containers inside the row which can be columns at wider widths or fill entire “rows” at smaller browser widths.
I recommend reading this thread:
Good luck!
~Micheal