使用bootstrap时，水平滚动条仅出现在页面底部

是因为bootstrap默认情况下会为页面添加一个全局的样式，该样式会将页面的宽度限制在一个固定的范围内，超出部分会隐藏并在底部显示水平滚动条。

要解决这个问题，可以通过以下几种方式：

1. 自定义样式：可以通过自定义CSS样式来覆盖bootstrap的默认样式，将页面的宽度设置为自适应或者根据需要的宽度。例如，可以使用以下样式来实现页面宽度自适应：

body {
  overflow-x: auto;
}

1. 使用容器类：bootstrap提供了一些容器类，可以用来控制页面的宽度。例如，可以使用container-fluid类来实现页面宽度自适应：

<div class="container-fluid">
  <!-- 页面内容 -->
</div>

1. 使用栅格系统：bootstrap的栅格系统可以帮助实现页面的响应式布局。通过将页面内容划分为多个列，可以灵活地控制页面的宽度和布局。例如，可以使用以下代码来创建一个占据整个页面宽度的内容：

<div class="container">
  <div class="row">
    <div class="col">
      <!-- 页面内容 -->
    </div>
  </div>
</div>

推荐的腾讯云相关产品：腾讯云服务器（CVM），腾讯云容器服务（TKE），腾讯云对象存储（COS）。

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

• 腾讯云服务器（CVM）
• 腾讯云容器服务（TKE）
• 腾讯云对象存储（COS）