Bootstrap 4 Card Row?

Question

Я использую класс колоды карт в Bootstrap 4. Я бы хотел, чтобы h4 располагался справа от класса img-thumbnail внутри карты.

<div class="card-deck">
                    <div class="card">
                        <img class="img-thumbnail" src="img/camera.svg" alt="IMG ALT TEXT">
                        <h4 class="card-title">Header</h4>
                        <div class="card-block">
                            <p class="card-text">More Text Here</p>
                        </div>
                    </div>

Answer 1

Просто дайте width классу .img-thumbnail, потому что по умолчанию img take max-width:100%; вы должны определить width и text-align:right; для класса .card-title, обернуть их в div и датьэто

.card-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.img-thumbnail {
  width: 50px;
}

.card-title {
  text-align: right;
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="card-deck">
  <div class="card">
  <div class="card-heading">        <img class="img-thumbnail" src="http://placehold.it/30x30" alt="IMG ALT TEXT">
    <h4 class="card-title">Header</h4></div>
    <div class="card-block">
      <p class="card-text">More Text Here</p>
    </div>
  </div>
</div>