Hello all, i got a problem with centering the figure using bootstrap. So, i can place the figure in the top middle of the window browser using bootstrap, but what i want is that i can also make it go down right in the middle of the window using bootstrap, but i just can't, so i cheat it using margin in my app.css file so the figure can get to the center of it. Can anyone please tell me how to fix it using bootstrap?
Guo Xusheng
@mvpshengAll comments
- @AbaljerindSubmitted over 1 year ago@mvpshengPosted over 1 year ago
hello, I just came across the same problem, and my solution is to give your component a parent tag, and make the parent tag to be a flex layout. And then you can put your component center both horizontally and vertically.
If you don't know flex layout, check out the MDN, and learn about that. I hope this helps. Hope you doing well!
1