My apologies, I missed the bootstrap part of that question.
According to the Bootstrap documentation that mark up should do exactly what you're looking for. This is assuming you're using an iteration of Bootstrap 4, and that no other CSS is acting on the layout/elements in the layout. If you're using BS 3 your, markup will have to change.
It is possiblethat you could increase the specificty of the mark up to define the columns width explicitly rather than relying on the built in auto coumn rule. Rather unlikely that this will change anything, but you could change the ".col" class to ".col-3" to be more explicit.
*End Edit*
A simple implementation could something like this (styling added for contrast):
My apologies, I missed the bootstrap part of that question.
According to the Bootstrap documentation that mark up should do exactly what you're looking for. This is assuming you're using an iteration of Bootstrap 4, and that no other CSS is acting on the layout/elements in the layout. If you're using BS 3 your, markup will have to change.
It is possiblethat you could increase the specificty of the mark up to define the columns width explicitly rather than relying on the built in auto coumn rule. Rather unlikely that this will change anything, but you could change the ".col" class to ".col-3" to be more explicit.
*End Edit*
A simple implementation could something like this (styling added for contrast):