Sütun boyutu değiştiğinde içeriği geri akıtma

Question

Yardım isteyin. Birkaç gündür bununla uğraşıyorum.

Aşağıdan aşağıda bulduğum yöntemi kullanarak sütunları değiştiriyorum. Benim daha büyük sütunda ben sağ sütun (col2) maruz zaman küçülür (Sütun1) olarak

Bootstrap toggle left column in a two column row

, ben tek sütuna ayarlamak için benim iki sütun (col1, col1 ve col1, col2) istiyorum. Bunu anlamaya çalışırken kafamı duvara çarpıyorum. Eminim ki birileri çözümü gösterdiğinde aptalca hissedeceğim acı verici bir şey.

<div class="container-fluid"> 
    <div class="row"> 
    <div id="list-col" class="col-xs-12"> 
     <div class="container-fluid"> 
     <div class="row"> 
      <div class="col-xs-6 item"> 
      Col1, col1 
      </div> 
      <div class="col-xs-6 item"> 
      Col1, col2 
      </div> 
     </div> 
     </div> 
    </div> 
    <div id="map-col" class="col-xs-0">COL 2</div> 
    </div> 
</div> 

https://jsfiddle.net/td234/qu7j21pm/1/

Teşekkür her türlü yardım için! col-xs-12 olmak

Thom

Answer 1

Sadece col-xs-6 sütunlarda sınıfları geçiş gerekir.

$('.item').toggleClass('col-xs-12 col-xs-6');