2

This is my code for a simple div structure:JSFiddle

But there is an vertical and horizontal scroll and it's cause is also unknown. I also tried to give html and body margin:0 but the scroll was still visible. Now if I give margin:0 to <div class="row flex-grow-1"> i.e. <div class="row flex-grow-1 m-0"> the scroll goes away.

But I wanted to know why the scroll was generated in the first place and If it can be removed.

VKT
  • 219
  • 1
  • 9

1 Answers1

3

It's from your class="row"

margin-right: -15px;
margin-left: -15px;

You will need class="container" at the parent of any div that has class="row" for bootstrap

Yi Zhou
  • 803
  • 1
  • 8
  • 24