I am using bootstrap 4 alpha 3. I want to center the card horizontally in the middle across the page.
Preview / link: http://codepen.io/vaibhavsingh97/full/VjRAXW
Preview / link:
I have tried all the different options listed on the bootstrap 4 example page for cards.
How can I achieve this?
Add the css for .card
.card { margin: 0 auto; /* Added */ float: none; /* Added */ margin-bottom: 10px; /* Added */ }
here is the pen
UPDATE: You can use the class .mx-auto available in bootstrap 4 to center cards.
.mx-auto
2.1m questions
2.1m answers
60 comments
57.0k users