bootstrap中col-xs-*在屏幕缩小时没起作用

问题描述：

在bootstrap中的col-xs-*在屏幕缩小时没起作用。
eg.

<div class="container-fluid">
 

      <div class="row">
         <div class="col-xs-6 col-sm-3" style="background-color: red;">
            <p>ltest1</p>
         </div>
         <div class="col-xs-6 col-sm-3" style="background-color: green;">
            <p>test2</p>
         </div>
         <div class="col-xs-6 col-sm-3" style="background-color: blue;">
            <p>test3</p>
         </div>
         <div class="col-xs-6 col-sm-3" style="background-color: yellow;">
            <p>test4</p>
         </div>
      </div>
      </div>

原因分析：

case1、版本问题，Bootstrap4和Bootstrap3的语法不同。
以上是新版本语法
2、 语法没搞懂
xs sm md的范围没搞清