检测引导'；从JavaScript中选择显示大小

通过JavaScript程序，我想知道Bootstrap是否认为当前的显示大小是xs、sm、md或lg

这项工作：

在HTML中编写以下内容：

<p class="visible-xs-block xyzzy" data-size="xs"></p>
<p class="visible-sm-block xyzzy" data-size="sm"></p>
<p class="visible-md-block xyzzy" data-size="md"></p>
<p class="visible-lg-block xyzzy" data-size="lg"></p>

返回xs、sm、md或lg

这是可行的，但在我看来，这是一种相当笨拙的方法

有更简单的方法吗？

使用最新版本（响应式引导工具包2.5.0）：

（函数（$，视口）{
//仅在XS断点中执行
if（viewport.is（'xs'））{
// ...
}
//在SM、MD和LG断点中执行
if（viewport.is（'>=sm'））{
// ...
}
//在XS和SM断点中执行
if（viewport.is（'我想你在这里有你的答案：可能是
$('.xyzzy:visible').attr('data-size')

(function($, viewport){

    // Executes only in XS breakpoint
    if( viewport.is('xs') ) {
        // ...
    }

    // Executes in SM, MD and LG breakpoints
    if( viewport.is('>=sm') ) {
        // ...
    }

    // Executes in XS and SM breakpoints
    if( viewport.is('<md') ) {
        // ...
    }

    // Execute only after document has fully loaded
    $(document).ready(function() {
        if( viewport.is('xs') ) {
            // ...
        }
    });

    // Execute code each time window size changes
    $(window).resize(
        viewport.changed(function(){
            if( viewport.is('xs') ) {
                // ...
            }
        })
    });

})(jQuery, ResponsiveBootstrapToolkit);