css - Bootstrap 4：在开始换行符中带有“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 的显示/隐藏类的换行效果？请帮忙...

标签： csstwitter-bootstrapbootstrap-4display

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