[Vuejs]-Trying to center a bunch of col-md-10 divs but not centering

by

0👍

To do it with the means which Bootstrap provides, use the corresponding offset class: Add the class offset-md-1 to the element which has col-md-10 to move it to right by one column, thereby centering it. (12 columns overall width minus 10 for your DIV = 2, divided by 2 for left and right = 1 column which should remain empty at the left side)

You can see it in this codepen which contains the same code as your fiddle with (almost) only that offset class added:

https://codepen.io/anon/pen/jaKege

Note: I also replaced your pull-right class for the button with the float-right class since pull-right was removed in Bootstrap 4

Leave a comment