Как сделать этот макет из начальной загрузки 3.3 в начальной загрузке 4?

Question

У меня проблемы с пониманием новой системы координат с плавающей запятой.

Как я могу сделать этот код, прекрасно работая с начальной загрузкой v3.3, с современной начальной загрузкой?

<div class="container">
  <h1>#9 (squeeze right)</h1>
  <div class="row">
    <div class="col-xs-12 col-md-3">
        <div class="well"> 
          A
        </div>
      </div>
      <div class="col-xs-12 col-md-9 pull-right">
        <div class="well tall"> 
          B (keep right)
        </div>
      </div>
      <div class="col-xs-12 col-md-3 pull-left">
        <div class="well"> 
          C
        </div>
      </div>
   </div>  
</div>

https://www.bootply.com/siUcTuNhUy (пример № 9)

Answer 1

Этого должно быть достаточно в Bootstrap v4

Вы можете взглянуть на документы

Добавлены .float-{sm,md,lg,xl}-{left,right,none} классы для отзывчивых операций с плавающей точкой и удалены .pull-left и .pull-right, поскольку они избыточны до .float-left и .float-right.

<div class="container">
  <h1>#9 (squeeze right)</h1>
  <div class="row">
    <div class="col-12 col-md-3">
      <div class="well">
        A
      </div>
    </div>
    <div class="col-12 col-md-9 float-right">
      <div class="well tall">
        B (keep right)
      </div>
    </div>
    <div class="col-12 col-md-3 float-left">
      <div class="well">
        C
      </div>
    </div>
  </div>
</div>