bootstrap中 <div class="container"> 如何让网页整体缩小一点？现在太大了 占满了全屏

要让整个网页在Bootstrap的<div class="container">容器中缩小一点，您可以使用Bootstrap提供的CSS类来控制容器的宽度。以下是两种常用的方法：

1. 使用container-sm类：将<div class="container">更改为<div class="container container-sm">。这将使容器在小屏幕上变窄，从而使整个网页缩小一点。

<div class="container container-sm">
   <!-- 网页内容 -->
</div>

2. 自定义样式：您可以使用自定义CSS样式来调整容器的宽度。例如，您可以创建一个新的CSS类，并将其应用于<div class="container">元素。

<style>
.custom-container {
   max-width: 90%; /* 自定义宽度百分比 */
   margin: 0 auto; /* 居中对齐 */
}
</style>

<div class="container custom-container">
   <!-- 网页内容 -->
</div>

在上述代码中，我们创建了一个名为custom-container的自定义CSS类，并将max-width属性设置为所需的宽度百分比（这里设置为90%）。然后，将该类应用于<div class="container">元素。

通过以上两种方法，您可以根据需要缩小整个网页在Bootstrap容器中的大小。

希望对您有所帮助！