Bootstrap classы сетки убрать в data-attribute, нужно ли?
Бредятина.
Непонятно, как это упростит интеграцию в CMS
Непонятен получаемый профит, кроме удовлетворения своего "хочу"
Зато есть мнение, что селектор атрибута медленнее селектора класса.
А, ну да. Как же всё-таки это сделать? Просто переписать селекторы в сетке:@mixin make-grid-columns($i: 1, $list: "[data-grid=col-xs-#{$i}], [data-grid=col-sm-#{$i}], [data-grid=col-md-#{$i}], [data-grid=col-lg-#{$i}]") {
  @for $i from (1 + 1) through $grid-columns {
    $list: "#{$list}, [data-grid=col-xs-#{$i}], [data-grid=col-sm-#{$i}], [data-grid=col-md-#{$i}], [data-grid=col-lg-#{$i}]";
  }
  #{$list} {
    position: relative;
    min-height: 1px;
    padding-left:  ceil(($grid-gutter-width / 2));
    padding-right: floor(($grid-gutter-width / 2));
  }
}
ну и остальные миксины аналогично. Пересобираем и пользуемся.
Классы для стилизации, дата-атрибуты для произвольных данных. Не надо мешать одно с другим.