我正在一个网站的HTML和amp；使用bootstrap的CSS。现在我有了这段代码，除了引导程序之外，没有添加任何特殊的CSS。

  <a href="/news" class="mr-3 mr-sm-5"><i class="fas fa-newspaper mr-2"></i><span class="d-none d-md-block">Nieuws</span></a>
  <a href="/contact" class="mr-3 mr-sm-5 active"><i class="fas fa-headset mr-2"></i><span class="d-none d-md-block">Contact</span></a>

但是由于某种原因，Span元素一直跳到网页上的下一行。完整代码:

div class="containter-fluid full-nav">
    <div class="container py-2">
        <div class="row full-nav-links">
            <a href="/" class="ml-2 mr-5"><i class="fas fa-user mr-2"></i> <span>Particulier</span></a>
            <a href="/zakelijk" class="mr-auto"><i class="fas fa-building mr-2"></i><span>Zakelijk</span></a>
            <a href="/news" class="mr-3 mr-sm-5"><i class="fas fa-newspaper mr-2"></i><span class="d-none d-md-block">Nieuws</span></a>
            <a href="/contact" class="mr-3 mr-sm-5 active"><i class="fas fa-headset mr-2"></i><span class="d-none d-md-block">Contact</span></a>
            <a href="/over-ons" class="mr-3 mr-sm-0"><i class="fas fa-star mr-2"></i><span class="d-none d-md-block">Over Stargroup</span></a>
        </div>
    </div>
</div>

在页面上，它看起来是这样的:Image1

但是，如果没有向span对象添加“d-none d-md-block”类，它看起来很好（参见图片上的前两个链接）

请帮助，我需要做什么才能防止SPAN元素跳到下一行？