引导程序4：在<span>中带有“ d-md-none”的隐藏元素开始换行，如何防止这种情况？

Question

在Bootstrap 4中，似乎显示/隐藏的类（例如“ d-md-none”和“ d-none d-sm-block”）将插入换行符并弄乱我网站的外观。如何防止这种情况？

例如，页脚应该在较小的屏幕上隐藏“ 2014-”，仅显示©2019。使用以下HTML代码：

&copy;<span class="d-none d-sm-block">2014-</span>2019

但是，页脚似乎被弄乱了，“©”，“ 2014-”和“ 2019”部分被分为三行。如何解决此问题并消除Bootstrap 4的display / hidden类的换行效果？请帮助...

Answer 1

您需要使用inline而不是block

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" >

&copy;<span class="d-none d-sm-inline">2014-</span>2019

更多详细信息：https://getbootstrap.com/docs/4.3/utilities/display/#notation

Answer 2

希望能提供帮助：

这些类使span元素显示为块，因此它们以彼此下方的块形式呈现。你可以使用：

&copy;<span class="d-none d-sm-inline">2014-</span>2019

内联类而不是块。还是对您没有用？