<p dir="auto">Where did <code class="notranslate">col-*-push-12</code> classes go? Is there a new way to swap <code class="notranslate">col-*-12</code> elements?</p>
<p dir="auto">I vaguely remember this used to work at some point:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;col-sm-12.col-sm-push-12&quot;&gt;a&lt;/div&gt;
&lt;div class=&quot;col-sm-12.col-sm-pull-12&quot;&gt;b&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="col-sm-12.col-sm-push-12"&gt;a&lt;/div&gt;
&lt;div class="col-sm-12.col-sm-pull-12"&gt;b&lt;/div&gt;
</code></pre></div>
<p dir="auto">rendered</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="b
a"><pre class="notranslate"><code class="notranslate">b
a
</code></pre></div>
<p dir="auto">I have am using an accordion to display a series of images in carousels,  The accordions seem to be working but when I try and open a carousel in one of the accordions they don't size to the area of the carousel.  I tried to specify sizes looking at them with firebug and have been unsuccessful. Any suggestions on how to handle this.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=" | v class=&quot;accordion-group&quot;
.accordion-heading
  a.accordion-toggle(data-toggle='collapse', data-parent='#accordion2', href='#collapseThree')
    | Collapsible Group Item #3
#collapseThree.accordion-body.collapse
  .accordion-inner
    #myCarousel.carousel
      //
         Carousel items 
      .carousel-inner
        .item(some.png')
        .item"><pre class="notranslate"><code class="notranslate"> | v class="accordion-group"
.accordion-heading
  a.accordion-toggle(data-toggle='collapse', data-parent='#accordion2', href='#collapseThree')
    | Collapsible Group Item #3
#collapseThree.accordion-body.collapse
  .accordion-inner
    #myCarousel.carousel
      //
         Carousel items 
      .carousel-inner
        .item(some.png')
        .item
</code></pre></div>
<p dir="auto">.......</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="      //
         Carousel nav 
      a.carousel-control.left(href='#myCarousel', data-slide='prev') ‹
      a.carousel-control.right(href='#myCarousel', data-slide='next') ›"><pre class="notranslate"><code class="notranslate">      //
         Carousel nav 
      a.carousel-control.left(href='#myCarousel', data-slide='prev') ‹
      a.carousel-control.right(href='#myCarousel', data-slide='next') ›
</code></pre></div>