How to divide bootstrap row into 5 equal parts?

Question

I want to divide bootstrap row into 5 equal parts. It includes 12-col-md, so how i can divide it into equal 5 parts?

Can anyone h

Answer 1

You can use bootstrap-4 default 'col' property to solve this issue.

This will auto divide the given space into 5 equal parts.

Note: This can create issues in case if you want to show 3 columns on any other screen. Let's say if you want to show 5 columns in a row on medium screens then you can add class "col-md" on each element. But if you need 3 columns in a row on sm screens then you will face issues.