Html 将引导面板内同一行上的两个图像和标题对齐

我有一个引导面板，有两个图像和文本，我想在同一行<代码>显示：内联块和

显示：内联没有像他们通常那样来救援

   <div class="panel panel-default">
      <div class="panel-heading"><b>Owner</b></div>
      <div class="panel-body" id="owners">
          <img src="http://cdn.akamai.steamstatic.com/steamcommunity/public/images/avatars/40/405b7b5da64cc1dbcb68110ca5e65a9c751b79a0_full.jpg" height="64"><h4>Firav</h4>
          <img src="http://cdn.akamai.steamstatic.com/steamcommunity/public/images/avatars/66/66cd4ded6f8bc2761f64c110ff8f8b93e568082e_full.jpg" height="64"><h4>Donnyy</h4>
      </div>
    </div>
    <br>


所有者
菲拉夫
唐尼


您可以编写如下代码：

HTML代码：

 <div class="panel panel-default">
      <div class="panel-heading"><b>Owner</b></div>
      <div class="panel-body" id="owners">
      <ul> <li><img src="http://cdn.akamai.steamstatic.com/steamcommunity/public/images/avatars/40/405b7b5da64cc1dbcb68110ca5e65a9c751b79a0_full.jpg" height="64">
          <h4>Firav</h4></li>
          <li><img src="http://cdn.akamai.steamstatic.com/steamcommunity/public/images/avatars/66/66cd4ded6f8bc2761f64c110ff8f8b93e568082e_full.jpg" height="64"><h4>Donnyy</h4></li></ul>
      </div>
    </div>

你可以这样试试-


.panel body figure{display:inline block；}

所有者
菲拉夫
唐尼
使用引导类：

  <div class="panel panel-default">
    <div class="panel-heading text-center">
      <h3 class="panel-title"><b>Owner</b></h3>
  </div>
  <div class="panel-body" id="owners">
      <ul class="list-unstyled list-inline">
        <li class="text-center">
          <img src="http://cdn.akamai.steamstatic.com/steamcommunity/public/images/avatars/40/405b7b5da64cc1dbcb68110ca5e65a9c751b79a0_full.jpg" height="64">
          <h4>Firav</h4>
        </li>
        <li class="text-center">
          <img src="http://cdn.akamai.steamstatic.com/steamcommunity/public/images/avatars/66/66cd4ded6f8bc2761f64c110ff8f8b93e568082e_full.jpg" height="64">
          <h4>Donnyy</h4>
        </li>
      </ul>
  </div>
</div>


所有者


菲拉夫


唐尼



您使用的是Bootstrap-Twitter-3还是4？
  <div class="panel panel-default">
    <div class="panel-heading text-center">
      <h3 class="panel-title"><b>Owner</b></h3>
  </div>
  <div class="panel-body" id="owners">
      <ul class="list-unstyled list-inline">
        <li class="text-center">
          <img src="http://cdn.akamai.steamstatic.com/steamcommunity/public/images/avatars/40/405b7b5da64cc1dbcb68110ca5e65a9c751b79a0_full.jpg" height="64">
          <h4>Firav</h4>
        </li>
        <li class="text-center">
          <img src="http://cdn.akamai.steamstatic.com/steamcommunity/public/images/avatars/66/66cd4ded6f8bc2761f64c110ff8f8b93e568082e_full.jpg" height="64">
          <h4>Donnyy</h4>
        </li>
      </ul>
  </div>
</div>