Why are col not interrupted in bootstrap?

Question

css

Some x** are not interrupted by col in bootstrap. wrote сlass="col-12 col-md-6" but for some reason col-md-6 works for me on all screen extensions. first time I meet this

<link rel="stylesheet" type="text/css" href='libs/bootstrap/bootstrap-grid.min.css'>
<div class="container">
    <div class="row">
      <div class=" col-12 col-md-6"></div>				
      <div class=" col-12 col-md-6"></div>
               </div>
</div>

На этом скриншоте видно что я дал блокам классы col-12 и установил расширение попадающее под влияние этого класса , но почему то отрабатывает класс   col-md-6 , хотя в этом диапазоне он вообще не должен работать