Html页面是100vh 100vw，但bootstrap模式占用了正文空间，导致页面中出现滚动条

HTML页面是100vh 100vw，表示页面的高度和宽度都占满了视口的尺寸。然而，当使用Bootstrap模式时，由于Bootstrap的样式和组件会占用一定的空间，可能会导致页面内容超出视口的尺寸，从而出现滚动条。

为了解决这个问题，可以采取以下几种方法：

1. 使用Bootstrap的容器类（container）或者容器流式布局类（container-fluid）来包裹页面内容。这样可以确保内容在Bootstrap的网格系统中正确布局，并且不会超出视口的尺寸。具体使用方法可以参考腾讯云的Bootstrap文档：Bootstrap 容器。
2. 自定义CSS样式，通过调整页面元素的尺寸和布局来适应100vh 100vw的要求。可以使用CSS的calc()函数来计算元素的高度和宽度，以确保页面内容不会超出视口的尺寸。例如，可以设置元素的高度为calc(100vh - 100px)，其中100px是Bootstrap占用的空间。这样可以确保页面内容在视口内显示，而不会出现滚动条。
3. 使用JavaScript来动态调整页面元素的尺寸。可以通过监听窗口大小变化的事件，然后根据窗口大小和Bootstrap占用的空间来计算和调整页面元素的尺寸。具体实现方法可以参考腾讯云的JavaScript文档：JavaScript 教程。

总结起来，解决HTML页面出现滚动条的问题可以通过使用Bootstrap的容器类、自定义CSS样式或者JavaScript来调整页面元素的尺寸和布局。这样可以确保页面内容适应100vh 100vw的要求，同时不会被Bootstrap占用的空间影响。