Disable Twitter Bootstrap Button Group

Question

I have a button group on a page that is used for a selection. After the selection is made I want the button group to still be visible so the user can see the selection they

Answer 1

I wanted to keep the styling too, So I left out the disabled field and just counter-acted the CSS with a new class display-only:

      
    Friday PM
    Saturday AM
    Graduation
    Saturday PM
    Sunday AM
    Sunday PM
    Monday AM
 

And the CSS:

.btn-group.display-only label.btn {
    pointer-events: none;
    cursor: not-allowed;
}
.btn-group.display-only label.btn.active {
    opacity: 1;
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

..Seems to work well for me.