html - 如何在bootstrap 4中的小屏幕上使卡体水平

Question

我想知道如何使用 bootstrap 4 在小(移动)屏幕上制作水平卡片。

如下图所示，桌面/大屏幕上的卡片是垂直的，移动设备/小屏幕上的卡片是水平的。

 <div class="card-deck py-4">
      <div class="card">
          <img src="../images/providers/tw-s01.svg" style="width:100%" class="card-imm-3"/>
              <div class="card-body">
                  <div class="card-title card-headtext">step 1</div>
                  <div class="card-text cardtext">Register for a free 
                  account</div>
              </div>
            </div>
 </div>

Answer 1

您可以使用 .col-sm(适用于小屏幕)、.col-lg(适用于大屏幕)等 Bootstrap 类，结合这些类来针对每个设备调整您的 div在这里阅读更多 https://www.w3schools.com/bootstrap/bootstrap_grid_examples.asp