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>

みたいな感じになる。