<div class="container">
  <div class="row d-flex">
    <div class="col-md-4 d-inline-flex flex-column">
      <div class="row d-flex align-items-end">
        <div class="col-md-3">
          <div class="schedule__img text-left">
            <img src="img/это_просто_картинка.png" alt="">
          </div>
        </div>
        <div class="col-md-9">
          <div class="schedule__date text-center">
            <p class="date">Надпись рядом с картинкой</p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 text-left">
          <h3 class="schedule__name">Заголовок следующего списка</h3>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 text-left align-items-center">
          <p class="schedule__list">
            <span class="list">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
          </span>
          </p>
        </div>
      </div>
      <div class="row d-flex align-items-end mt-auto">
        <div class="col-md-12 d-flex text-left">
          <h3 class="schedule__program_per">Примечание: </h3>
          <p class="schedule_period">
            &nbsp;Текст примечания
          </p>
        </div>
      </div>
    </div>
    <div class="col-md-4 d-inline-flex flex-column">
      <div class="row d-flex align-items-end">
        <div class="col-md-3">
          <div class="schedule__img text-left">
            <img src="img/это_просто_картинка.png" alt="">
          </div>
        </div>
        <div class="col-md-9">
          <div class="schedule__date text-center">
            <p class="date">Надпись рядом с картинкой</p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 text-left">
          <h3 class="schedule__name">Заголовок следующего списка</h3>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 text-left align-items-center">
          <p class="schedule__list">
            <span class="list">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
          </span>
          </p>
        </div>
      </div>
      <div class="row d-flex align-items-end mt-auto">
        <div class="col-md-12 d-flex text-left">
          <h3 class="schedule__program_per">Примечание: </h3>
          <p class="schedule_period">
            &nbsp;Текст примечания
          </p>
        </div>
      </div>
    </div>
    <div class="col-md-4 d-inline-flex flex-column">
      <div class="row d-flex align-items-end">
        <div class="col-md-3">
          <div class="schedule__img text-left">
            <img src="img/это_просто_картинка.png" alt="">
          </div>
        </div>
        <div class="col-md-9">
          <div class="schedule__date text-center">
            <p class="date">Надпись рядом с картинкой</p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 text-left">
          <h3 class="schedule__name">Заголовок следующего списка</h3>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 text-left align-items-center">
          <p class="schedule__list">
            <span class="list">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
          </span>
          </p>
        </div>
      </div>
      <div class="row d-flex align-items-end mt-auto">
        <div class="col-md-12 d-flex text-left">
          <h3 class="schedule__program_per">Примечание: </h3>
          <p class="schedule_period">
            &nbsp;Текст примечания
          </p>
        </div>
      </div>
    </div>
  </div>

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.