用于大型元素类的 Bootstrap 3.0 响应式 CSS答案

【问题标题】：Bootstrap 3.0 responsive css for large element classes用于大型元素类的 Bootstrap 3.0 响应式 CSS
【发布时间】：2013-09-10 00:19:16
【问题描述】：

我想让所有输入和按钮元素在 767px 的屏幕，但我需要将 .btn-lg 和 .input-lg 类应用于所有按钮和输入。这允许在更大的屏幕上更轻松的触摸体验。如何才能做到这一点？可以用纯CSS来完成吗？？

【问题讨论】：

【解决方案1】：

您可以使用媒体查询

@media screen and (max-width:767px){
//all the styles for btns within 767px
}
@media screen and (min-width:767px){
//all styles above 767px
}

你也可以用 jquery 来实现：

if($(window).outerHeight(true) <  767){
   //add class to your btns and lists and remove classes...
}

这是一种方法，有很多。

【讨论】：

【解决方案2】：

当然可以用纯 CSS 来完成。

请检查“响应式实用程序类”

【讨论】：