css - Bootstrap- 2 个堆叠在小屏幕上的 div。彼此相邻，在大屏幕上向左推

Question

我对 Bootstrap 还很陌生，它非常有帮助。但是有一种情况我不太清楚。

我已经添加了我需要的图片。分别是桌面视图和移动视图。

我想要达到的目标

这是我尝试过的一些代码，但它并没有按照我想要的方式工作。

<div class-"row">
  <div class="col-sm-12 col-lg-2">
    <img src="./path/to/logo" alt="logo" class="logo">
  </div>
  <div class="col-sm-12 col-lg-2">
     <p>Company Name</p>
  </div>
</div>

任何帮助将不胜感激！

标签： csstwitter-bootstrap

Answer 1

我假设您使用的是引导程序 4 或 5。您只需使用“col-12”以及您的 col-lg-2 和 col-sm-12