Bootstrap 4: "d-md-none" in <span> 的隐藏元素开始换行,如何防止?

Bootstrap 4: Hidden elements with "d-md-none" in <span> starts linebreak, how to prevent this?

似乎在Bootstrap 4中,像"d-md-none"和"d-none d-sm-block"这样的display/hidden class会插入一个换行符并弄乱外观我的网站。如何防止这种情况发生?

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

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

但是,页脚似乎乱七八糟,“©”、“2014-”和“2019”部分被分成了三行。如何修复此行为并删除 Bootstrap 4 的 display/hidden class 的换行效果?请帮忙...

您需要使用 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

希望得到帮助:

classes 使跨度元素显示为块,因此它们呈现为彼此下方的块。你可以使用 :

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

内联class而不是块。还是对你没用?