新Bootstrap 4中的响应式显示/隐藏课程

Question

我很难理解如何在Bootstrap 4中实现显示和隐藏与屏幕大小相关内容的新类

这似乎不起作用......

<div class="d-sm-block">
 ITEMS FOR SMALL/MOBILE DEVICES
</div>
<div class="d-md-block">
 ITEMS FOR  MEDIUM/LARGE DEVICES
</div>

Answer 1

没有d-md-block或<div class="hidden-md-up"> ITEMS FOR SMALL/MOBILE DEVICES </div> <div class="hidden-md-down"> ITEMS FOR MEDIUM/LARGE DEVICES </div> 。您需要使用以下类：

有关完整文档，请参阅Responsive Utilities。

您的代码应为：

var colors = ['#ffc843', '#192126', '#474d51', '#757a7d', '#a3a6a8'];

function myFunction() {
    chartDataArray.sort(function (a, b) {
        return b.y - a.y
    });
}
myFunction();

for (var c = 0; c < chartDataArray.length; c++) {
    chartDataArray[c].color = colors[c];
}