/Javascript/Bootstrap/Why can't i move my react bootstrapmodal over to the left

Why can't i move my react bootstrapmodal over to the left

#modal {
  /*Position and width*/
  position: fixed;
  width: 30%;
  height: fit-content;
  
  /*NOTE: If you want your modal's position to be absolute or fixed, you should also include:*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /*Centering horizintally*/
  margin: auto;

  /*Purely visual stuff*/
  border: 2px solid #ccc;
  border-radius: 3px;
  background-color: ghostwhite;
  text-align:center;
}

Source: stackoverflow.com

Similar codes

1 vote141 views1 answer
Bootstrap js link not working
Javascript Bootstrap
0 vote140 views1 answer
Datatble tab bootstrap 4
Javascript Bootstrap
9 votes178 views3 answers
Bootstrap blue outline button
CSS Bootstrap
0 vote139 views1 answer
How to convert json to bootstrap treeview format
Javascript Bootstrap
13 votes180 views4 answers
How to print background bootstrap
CSS Bootstrap
18 votes154 views6 answers
Install bootstrap angular 9
CSS Bootstrap
0 vote149 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
0 vote143 views1 answer
Check if form bootstrap is valid js
Javascript Bootstrap
4 votes120 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
33 votes152 views3 answers
React native bootstrap
Javascript Bootstrap