I have a lot of surveys that use Likert-5 responses: Strongly agree, Agree, Neutral, Disagree, Strongly disagree.
I would like to have an option that includes "5 Buttons in a row" to properly accommodate the buttons. This would require some css to help Bootstrap, like the code below.
Even if it's too difficult to add "Fifths" to the Theme Options, what is the proper procedure for adding a 5-column answer layout?
Code:
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-5ths {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}
