在Bootstrap中，如何在大屏幕和小屏幕上保持“相同”的填充？

在Bootstrap中，可以使用响应式的栅格系统来实现在大屏幕和小屏幕上保持“相同”的填充。栅格系统是Bootstrap提供的一种布局方式，可以将页面分为12个等宽的列，通过在不同屏幕大小下设置不同的列数，实现页面的自适应布局。

要在大屏幕和小屏幕上保持“相同”的填充，可以使用Bootstrap的栅格类和内边距类来实现。首先，在HTML中使用容器（container）和行（row）来创建一个栅格布局的容器。然后，在需要保持填充的元素上添加栅格类和内边距类。

例如，如果要在大屏幕和小屏幕上保持相同的填充，可以使用col-md和p-md类来设置大屏幕下的列数和内边距，使用col-sm和p-sm类来设置小屏幕下的列数和内边距。具体代码如下：

<div class="container">
  <div class="row">
    <div class="col-md-6 col-sm-12 p-md-4 p-sm-4">
      <!-- 内容 -->
    </div>
    <div class="col-md-6 col-sm-12 p-md-4 p-sm-4">
      <!-- 内容 -->
    </div>
  </div>
</div>

在上面的例子中，col-md-6表示在大屏幕下占据6列的宽度，col-sm-12表示在小屏幕下占据12列的宽度，p-md-4和p-sm-4表示在大屏幕和小屏幕下都添加4个单位的内边距。

这样设置后，无论是在大屏幕还是小屏幕下，两个列的宽度和内边距都会保持一致，实现了在不同屏幕上的“相同”填充效果。

推荐的腾讯云相关产品：腾讯云服务器（https://cloud.tencent.com/product/cvm）和腾讯云云服务器负载均衡（https://cloud.tencent.com/product/clb）可以帮助您搭建和部署基于Bootstrap的网站，并提供稳定可靠的云计算服务。