加载bootstrap删格系统特定的类

Question

<div id="right"class="col-xs-4 col-lg-12 col-md-6">
现在想要实现加载特定的class的值
js代码：
$("#right").removeClass("col-xs-4").addClass("col-lg-12");
上述代码无法实现想要的效果，请问该如何修改？

Answer 1

没必要这样写吧，这两个class是在不同尺寸屏幕分别生效的，不冲突。

Answer 2

col-xs-4 col-lg-12两个类都已经有了啊！删除应该有效，但是添加没有用。
可以用这段代码测试下，col-lg-12应该时不会弹出的

var $right = $("#right")
if($rgiht.hasClass('col-xs-4')){
    alert('col-xs-4')
} 
if($rgiht.hasClass('col-lg-12')) {
    alert('col-lg-12')
}