My goal is to create a straightforward registration form with minimal elements, all centered on the page.
However, I ran into an issue when using Bootstrap - all my elements are shrinking in size. For instance, an element that should be 100% width becomes only 25% width when adding the "centered" class.
Can someone assist me in identifying the appropriate Bootstrap class to center all elements? It seems that combining regular CSS with Bootstrap is causing some unexpected behavior...
Here is an example of what I am looking for:
.centered {
position: fixed;
top: 50%;
left: 70%;
transform: translate(-50%, -50%);
}<div class="container center">
* HTML tags go here.... */
</div>Thank you.