You could try using the columns
CSS and just control how many columns you want by the media query break points. https://caniuse.com/#search=columns
Just add the class col-group
and set the Options for the List to be Unstyled. I say that because the bullet point only shows on the first column apparently.
Using the following CSS you don't specify the columns at mobile size because that's the default. Then you set the 2 columns at SM size and LG you set 3. This is assuming you are using BS 4 and not BS 3.3.7. The break points would be placed at different media queries then.
@media (min-width: 576px) {
.col-group {
-webkit-columns:2;
columns:2;
}
}
@media (min-width: 992px) {
.col-group {
-webkit-columns:3;
columns:3;
}
}
Another way would be to split the single list into 3 listings and use the Bootstrap grid to accomplish the same thing and with that you could have the bullet points as well.
Saj