css - 查看 Bootstrap 3 中使用的当前列类别

标签 css twitter-bootstrap twitter-bootstrap-3 console.log

是否有一种快速简单的方法来查询控制台以获取当前视口(viewport)大小中使用的列类别 (xs sm md lg)?

最佳答案

好吧,我为此写了一个简单的函数,似乎没有本地方法可以做到这一点。

function bootstrapSize() {
    switch(true) {
        case window.innerWidth > 1200: return 'lg';
        case window.innerWidth > 992: return 'md';
        case window.innerWidth > 768: return 'sm';
        default: return 'xs';
    }
}

关于css - 查看 Bootstrap 3 中使用的当前列类别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27092668/

相关文章:

javascript - 我可以在页面上画一条线吗?

html - 如何使用 CSS 将以下框居中

jquery - Tinymce 按钮未出现在某些页面中

javascript - 使用 Twitter Bootstrap 的 Scrollspy 延迟加载(滚动加载)异步 JavaScript?

html - 下拉菜单在 Bootstrap 3 中不起作用

spring-mvc - Spring Thymeleaf Bootstrap CSS

html - 是否可以将 "content"从 ":before"css 伪元素推出容器?

javascript - 重置 jquery 对象

html - 如何使菜单可以越过 Logo ?

javascript - 悬停时使图像背景变暗而不影响文本