How do you configure the different columns that will be used in the various Bootstrap breakpoints?

Example:

If I have 3 sections that I want to be equal next to each other. Each column would have the following settings.

Column 1: col-lg-4 col-md-4 col-sm-12
Column 2: col-lg-4 col-md-4 col-sm-12
Column 3: col-lg-4 col-md-4 col-sm-12

However, that is not what is occuring. It is actually applying the following settings.

Column 1: col-lg-4 col-md-3 col-sm-12
Column 2: col-lg-4 col-md-3 col-sm-12
Column 3: col-lg-4 col-md-6 col-sm-12

Is there a way for me to configure the Large display, Medium display, Small display column widths for each section?

I see I can correct it through the database, but this doesn't seem very user friendly.

Thank you,
Shane