主页 / 问题 / 1254413
Accepted
Руслан Камов
Asked:2022-03-11 18:19:13 +0000 UTC2022-03-11 18:19:13 +0000 UTC

Bootstrap 中的 .col-sm 是什么？

  • 772

好像搞懂了.col和.offset这两个类，但是我看不懂.col-sm，因为它是英文写的，如果我翻译正确的话，这是一个.offset重置

除了在响应断点处清除列之外，您可能还需要重置偏移量。

, 但是这个例子根本不清楚

<div class="row">
  <div class="col-sm-5 col-md-6">.col-sm-5 .col-md-6</div>
  <div class="col-sm-5 offset-sm-2 col-md-6 offset-md-0">.col-sm-5 .offset-sm-2 .col-md-6 .offset-md-0</div>
</div>

<div class="row">
  <div class="col-sm-6 col-md-5 col-lg-6">.col-sm-6 .col-md-5 .col-lg-6</div>
  <div class="col-sm-6 col-md-5 offset-md-2 col-lg-6 offset-lg-0">.col-sm-6 .col-md-5 .offset-md-2 .col-lg-6 .offset-lg-0</div>
</div>

这是他的结果

在此处输入图像描述

css

1 个回答

  1. Best Answer

    该类col-sm-*表示屏幕上的列数 ≥ 576px 宽。offset它与它没有直接关系：可以在任何屏幕尺寸上添加填充。

    一般来说，在引导程序上打字之前，请正确研究俄语文档- 那里的所有内容都详细而清晰地描述。

    • 1

相关问题