在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(用于大屏幕)等引导类组合这些类来为每个设备调整您的div。点击此处了解更多https://www.w3schools.com/bootstrap/bootstrap_grid_examples.asp