Как определить, какую сеточную систему начальной загрузки 4 я использую в IE 11?

Question

IE вызывает у меня головную боль с помощью Bootstrap 4. В Chrome все выглядит отлично, но мы также должны поддерживать IE 11.

Chrome

Мне нужно знать, кто мне может сказать, на каком уровне сетки я нахожусь на основе текущего окнаразмер в IE.Как я могу это сделать?Видимо, полноэкранный режим в Chrome отличается от полноэкранного в IE11.

  <div class='card'>
    <div class='card-header'>       
           <div class="row">
                <div class="col-9">              
                   <label>Approved By:</label>
                </div>
            </div>
            <div class="d-flex justify-content-end">
              <div class="p-2">  <input type='checkbox' id="chkNonApp" class="k-checkbox"/>
                 <label class="k-checkbox-label" for="chkNonApp">Include Non-Approved &nbsp;&nbsp;</label>
              </div>
              <div class="p-2 col-xs-12 col-md-12">  <input type='checkbox' id="chkApprovedBy" class="k-checkbox"/>
               <label class="k-checkbox-label" for="chkApprovedBy">Select All</label>
              </div>
            </div>     
    </div>
    <div class='card-block'>
      <div>
        <textarea>
        </textarea>
      </div>
    </div>
  </div>