Bootstrap 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 显示/隐藏类的换行效果？请帮忙...

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