I'm building a survey that has a 7-point Likert scoring scheme. I love the new Bootstrap Buttons template, but 7 buttons pose a problem. Bootstrap uses a grid-12 layout which is not divisible by 7.

I definitely want to keep the buttons.

When using the bootstrap_buttons question theme, the code uses col-xs-2 divs for each button.

Do I need to create a complete question template for Likert-7?
Is there a method to create a grid-7 layout?


Thanks

Here's my simple solution using css in custom.css and adding a class (likert-seven) to each item:

/*** Likert 7 Support for anything wider than 768px ***/
@media (min-width: 768px) {
.likert-seven .col-sm-2 {
width: 14%;
}
}
Not sure if this is the best plan, but works for this application.

I think have a Questioin Template where you set the WIDTH (in BS column style) of button is a good solution.