无法使用bootstrap和jquery获取显示模式

是因为bootstrap和jquery是前端开发框架和库，主要用于页面布局和交互效果的实现，并不直接提供获取显示模式的功能。

显示模式通常指的是网页的布局方式，包括响应式布局、固定布局等。要获取当前的显示模式，可以通过CSS媒体查询来判断当前屏幕的宽度，并根据不同的宽度范围来设置不同的布局样式。

以下是一个示例代码，用于判断当前的显示模式：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>显示模式判断</title>
    <style>
        /* 响应式布局样式 */
        @media (max-width: 767px) {
            body {
                background-color: red;
            }
        }
        
        /* 固定布局样式 */
        @media (min-width: 768px) {
            body {
                background-color: blue;
            }
        }
    </style>
</head>
<body>
    <script>
        // 通过CSS媒体查询判断当前的显示模式
        var isResponsive = window.matchMedia("(max-width: 767px)").matches;
        
        if (isResponsive) {
            console.log("当前为响应式布局");
        } else {
            console.log("当前为固定布局");
        }
    </script>
</body>
</html>

在上述示例代码中，通过CSS媒体查询来判断当前屏幕的宽度是否小于等于767px，如果是，则表示当前为响应式布局；否则，表示当前为固定布局。

对于显示模式的选择，可以根据不同的应用场景和需求来决定。响应式布局适用于移动设备和小屏幕，可以自动调整页面布局以适应不同的屏幕尺寸；固定布局适用于大屏幕和桌面设备，可以保持固定的页面布局。

腾讯云相关产品和产品介绍链接地址：