Html 如何对齐水平项目？

我想在移动视图中对齐这些元素

我希望在移动设备上，图像位于文本顶部，而不是侧面

为什么是我们？
目的地专家
更快
透明的
更便宜的

包含

的

应包含在另一行中，以便它们可以成为网格中另一个网格的一部分

<div class="container">
  <div class="row vcenter">
    <div class="col-xs-12 col-sm-12 col-md-2">
      <h3>Why Us?</h3>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-10">
      <div class="row">
        <div class="col-xs-12 col-md-1">
          <img src="/assets/img/icons/destination_expert.png">
        </div>  
        <div class="col-xs-12 col-md-2"> 
          <span>Destination Expert</span>
        </div>
        <div class="col-xs-12 col-md-1">
          <img src="/assets/img/icons/faster.png">
        </div>  
        <div class="col-xs-12 col-md-2">
          <span>Faster</span>
        </div>
        <div class="col-xs-12 col-md-1">
          <img src="/assets/img/icons/transparent.png">
        </div>  
        <div class="col-xs-12 col-md-2">
          <span>Transparent</span>
        </div>
        <div class="col-xs-12 col-md-1">
          <img src="/assets/img/icons/cheaper.png"> 
        </div> 
        <div class="col-xs-12 col-md-2">
          <span>Cheaper</span>
        </div>
      </div>
    </div>
  </div>
</div>

为什么是我们？
目的地专家
更快
透明的
更便宜的

---

您可以在这里尝试：

欢迎来到stackoverflow。这是很常见的，兴奋的开发人员在他们喜欢的项目上工作，只想看到最终的结果，因为他们太接近了。但是，为了让我们能够最好地帮助您，请以一种有利于希望找到解决方案的潜在人员以及像您这样希望找到答案的其他人的方式修改您的问题。请更新您的问题，以更具体地说明哪些不起作用，并包括您尝试过的内容，并向我们展示您尝试过的内容，以便我们有一个良好的起点