Bootstrap style checkbox with pure css

style

input[type="checkbox"].bootstrapear {
  display: none;

  & + label {
    display: inline;
    position: relative;

    @include border-radius(5px);
    padding: 4px 6px;
    margin-left: 0;
    min-height: 30px;
    height: 30px;
    border: 1px solid $gris-claro;
    color: $gray;
    &:after {
      content: "No...";
    }
  }

  &:checked + label {
    &:after {
      content: "Sí!";
      font-weight: bold;
    }
  }
}

view

# there must be a label adjacent to the checkbox
= f.check_box :publico, class: 'bootstrapear'
= f.label :publico, ' '.html_safe, class: 'span12'