Question

我在视图中有以下代码：

<button type="button" tabindex="500" title="Abort ongoing upload" class="btn btn-secondary hidden-xs-up">
    <i class="fa fa-ban"></i>  
    <span class="hidden-xs-up">Cancel</span>
</button>

我正在使用Bootstrap v4，其文档提到了“隐藏-xs-up＆＃39; （它已经取代以前的“隐藏的xs”）将隐藏特定元素来自“xs＆＃39; ＆安培;向上。可悲的是，这似乎不会发生在我的情况下，按钮出现。事实上，类中也有一些其他元素，但它们也是如此。

在Chrome调试器窗口中，没有与该类关联的样式。为什么会发生这种情况？解决方案是什么？

Answer 1

在Bootsrap 4 Beta中，visible-**和hidden-**已替换为d-none，d-block，d-inline和＆amp; d-flex。有关Bootstrap 4 Beta中等效visible-**和hidden-**的完整列表，请参阅this。

Answer 2

在v4.0.0-beta中删除了对它的支持：

请参阅https://github.com/twbs/bootstrap/pull/22113

掉落。隐藏 - * - 向上。这与我们的响应式显示相同：无效。而不是.hidden-xs-up或.hidden-md-up，请使用.d-none和.d-md-none。

Answer 3

在此版本4的页面上

https://getbootstrap.com/docs/4.0/migration/#responsive-utilities

它说：

从v4 alphas中删除：.hidden-xs-up ....

他们还补充道：

相反，尝试切换[hidden]属性或使用内联样式 style =“display：none;”和style =“display：block;”。

Bootstrap v4＆＃39; hidden-xs-up＆＃39;不工作

3 个答案: