我想显示切换条在屏幕尺寸为992-1200像素(大屏幕)使用bootstrap.Its只出现在屏幕尺寸低于992px

在屏幕尺寸为992-1200像素（大屏幕）时，您可以使用Bootstrap来显示切换条。Bootstrap是一个流行的前端开发框架，提供了许多用于构建响应式网页的组件和工具。

要在屏幕尺寸低于992px时显示切换条，您可以使用Bootstrap的导航组件。导航组件包括导航栏（Navbar）和导航链接（Nav Link），可以帮助您创建具有响应式布局的导航菜单。

以下是一种实现方式：

1. 首先，确保您已经引入了Bootstrap的CSS和JavaScript文件。您可以从Bootstrap官方网站（https://getbootstrap.com）下载这些文件，或者使用CDN链接。
2. 在HTML文件中，创建一个导航栏容器，并添加所需的导航链接。例如：

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Logo</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">About</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Services</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Contact</a>
      </li>
    </ul>
  </div>
</nav>

在上面的代码中，我们创建了一个导航栏容器（<nav>），并添加了一个品牌标志（<a class="navbar-brand">）和一个切换按钮（<button class="navbar-toggler">）。导航链接被包含在一个导航栏折叠容器（<div class="collapse navbar-collapse">）中。

1. 最后，您可以使用CSS媒体查询来控制在不同屏幕尺寸下的显示效果。例如，您可以在屏幕尺寸低于992px时隐藏导航链接，只显示切换按钮。在屏幕尺寸大于等于992px时，显示导航链接。以下是一个示例CSS代码：

@media (max-width: 991px) {
  .navbar-nav {
    display: none;
  }
}

在上面的代码中，我们使用了@media规则和max-width属性来指定屏幕尺寸的范围。在屏幕尺寸低于992px时，我们将导航链接的显示设置为none，从而隐藏它们。

这样，当屏幕尺寸为992-1200像素时，导航链接将显示为切换按钮，点击切换按钮将展开导航链接。

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

• 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云视频处理（VOD）：https://cloud.tencent.com/product/vod
• 腾讯云音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
• 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke

请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估。