Question

我在使用“隐藏”类隐藏某个大小的内容时遇到问题。它适用于某些内容，但不适用于其他内容。

我用：

    <div class="hidden-sm">something to hide in small viewports </div>

我在导航品牌徽标上尝试了它并且它可以工作，但它不适用于导航栏，一些图片等......

使用以下代码可以工作（但永久隐藏）

<div hidden> something to hide in small viewports </div>

使用下面的代码根本不起作用

<div hidden-sm> something to hide in small viewports </div>

有人可以解释一下使用情况吗？ Bootstrap文档不提供太多细节

另外，正如你可以清楚地看到的，我对CSS或JavaScript不是很了解，所以我真的宁愿从CDN导入bootstrap而不创建我自己的CSS文件。（如果可能的话）

Answer 1

在html中，你有类，alt，src等属性....

在第一种情况下，您正在使用属性类并为其提供引导类，这就是它工作的原因。

第二个例子，你正在使用一个名为hidden的html属性，这就是它的工作原理。

第三个代码不起作用，因为hidden-sm不是有效属性。你需要说...

<div class="hidden-sm"> something to hide in small viewports </div>