Bootstrap 4 如何将图片和文本放在一行上？

我需要图片和文字在同一行。谁懂布局，怎么做？一旦我设置了文本的样式，它就会立即滑到图像下面

这是我的密码

<div class="row">
                    <div class="col-lg-6">
                        <a href="#"><img src="{{asset('img/stores/itunes.png')}}" width="80"></a>
                        <h4 style="font-size: 1.2rem; color: #1b1e21; margin-top: 5px">iTunes</h4>
                    </div>
                    <div class="col-lg-6 text text-right">
                        <input type="button" class="btn btn-sm btn-outline-dark" value="Слушать">
                    </div>
                </div>

iTunes

这是您可以做到的：

<div class="row">
  <div class="col-lg-6">
    <div class="d-flex align-items-center">
      <a href="#"><img src="{{asset('img/stores/itunes.png')}}" width="80"></a>
      <h4 style="font-size: 1.2rem; color: #1b1e21; margin-top: 5px">iTunes</h4>
    </div>
  </div>
  <div class="col-lg-6 text text-right">
    <input type="button" class="btn btn-sm btn-outline-dark" value="Слушать">
  </div>
</div>

iTunes