Bootstrap 4 引导4-在sm或更大屏幕上显示文本，始终显示字体图标

在我的选项卡式界面中，我使用.nav-我希望FontIcon始终显示，但文本仅显示在大于sm的屏幕上

下面显示了XS上的图标，但所有其他图标上都显示了文本

 <li class="nav-item">
     <a class="nav-link active" href="#news" data-toggle="tab">
          <div class="d-sm-none"><i class="fas fa-newspaper" aria-hidden="true"></i></div>
          <div class="d-none d-sm-block">News</div>
     </a>
 </li>

如果我这样做

  <i class="fas fa-newspaper" aria-hidden="true"></i>
  <div class="d-none d-sm-block">News</div>

新闻

这会导致图标和文本位于不同的行上

---

建议？

简单。您可以执行

d-sm-inline

，而不是

d-sm-block

演示：