我想使用引导程序4在小型(移动)屏幕中使卡水平放置。

如下图所示,台式机/大屏幕中的卡垂直,移动/小屏幕中的卡水平。

html - 如何在Bootstrap 4的小屏幕中使卡身水平-LMLPHP

 <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>

最佳答案

您可以使用引导类,例如.col-sm(用于小屏幕)、. col-lg(用于大屏幕)等,将这些类组合起来以调整每个设备的div
在这里阅读更多
https://www.w3schools.com/bootstrap/bootstrap_grid_examples.asp

关于html - 如何在Bootstrap 4的小屏幕中使卡身水平,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55938288/

10-12 12:36
查看更多