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 代码:
©<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" >
©<span class="d-none d-sm-inline">2014-</span>2019
更多详情:https://getbootstrap.com/docs/4.3/utilities/display/#notation
希望得到帮助:
classes 使跨度元素显示为块,因此它们呈现为彼此下方的块。你可以使用 :
©<span class="d-none d-sm-inline">2014-</span>2019
内联class而不是块。还是对你没用?
似乎在Bootstrap 4中,像"d-md-none"和"d-none d-sm-block"这样的display/hidden class会插入一个换行符并弄乱外观我的网站。如何防止这种情况发生?
例如,页脚应该在较小的屏幕上隐藏“2014-”,只显示 ©2019。使用以下 HTML 代码:
©<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" >
©<span class="d-none d-sm-inline">2014-</span>2019
更多详情:https://getbootstrap.com/docs/4.3/utilities/display/#notation
希望得到帮助:
classes 使跨度元素显示为块,因此它们呈现为彼此下方的块。你可以使用 :
©<span class="d-none d-sm-inline">2014-</span>2019
内联class而不是块。还是对你没用?