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 customize the css of bootstrap. You need import the scss files in a your own custom.scss file. Then you have to use compile custom.scss to css in another file. For ex: custom.css. Checkout this link for more detailed information. Bootstrap Theming

In custom.scss file

$grid-columns:15;
@import "node_modules/bootstrap/scss/bootstrap";

Then you can use col-{breakpoint}-3 in your project to have 5 equal width columns.

CAREFUL

This will be global. You have to change other files too if you have used default 12 point grid system elsewhere in your project.