Javascript bootstrap3-通过@media切换类名

我搜索一个通过改变分辨率来切换的类切换。 在我的例子中，当分辨率更改为@screen lg或@screen md-类应切换为btn lg

@屏幕sm（标准件）

按钮

@屏幕lg或@屏幕md（切换）

按钮

我认为解决方案是使用jquery，但我需要一些帮助。 谁能帮帮我吗。 还是有更简单的解决方案

---

thx

您可以使用引导用于媒体查询的断点来更改按钮的大小：

/*Default state (btn-sm styles)*/
.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
/*md or lg screen (btn-lg styles)*/
@media (min-width: 992px) {
    .btn {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
    }
}

注意：上面的示例会将该行为应用于所有

.btn

元素，如果要限制选择，可以使用自定义类

---

您能描述一下您遇到的问题吗？

<a class = "btn btn-default btn-lg">Button</a>

/*Default state (btn-sm styles)*/
.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
/*md or lg screen (btn-lg styles)*/
@media (min-width: 992px) {
    .btn {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
    }
}