bootstrap4では最小サイズがcol-xsでなく、col-で指定することになっている

bootsrap３ではcol-xsが最小単位となっていたが、bootstrap4ではcol-が最小単位になっている。

例えば、col-mdまでは横並びで、それ以下では日付で改行したいときは

<h2>ニュース</h2>
<div class="news-list">
        <div class="row d-flex align-items-center text-left">
            <div class="col-lg-3 col-md-3">2019年5月1日</div>
                <div class="col-lg-3 col-md-3 col-3">
                    <button class="btn btn-primary tag-green">お知らせ</button>
                </div>
            <div class="col-lg-6 col-md-6 col-9 pt-2">サンプルテキストです。サンプルテキストです。</div>
        </div>
</div>

みたいな感じになる。