Bootstrap 4 在引导中隐藏元素不会';行不通
我一直试图使用引导Bootstrap 4 在引导中隐藏元素不会';行不通,bootstrap-4,Bootstrap 4,我一直试图使用引导d-none d-sm-block 但它不起作用 我检查了bootstrap.min.js是否正确,它是否正确 <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="bootstrap.min.css" > <link rel="stylesheet" href="styles.css" >
d-none d-sm-block
但它不起作用
我检查了bootstrap.min.js
是否正确,它是否正确
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="bootstrap.min.css" >
<link rel="stylesheet" href="styles.css" >
</head>
<body>
<div class="container">
<div class="row">
<div class="d-none d-sm-block">
<p>Our CFO, Danny, as he is affectionately referred to by his colleagues, comes from a long established family tradition in farming and produce. His experiences growing up on a farm in the Australian outback gave him great appreciation for varieties of food sources. As he puts it in his own words, <em>Everything that runs, wins, and everything that stays, pays!</em></p>
</div>
</div>
</div>
我们的首席财务官丹尼,正如他的同事亲切地提到的那样,来自于农业和农产品方面的一个悠久的家庭传统。他在澳大利亚内陆的一个农场长大的经历使他非常欣赏各种各样的食物来源。正如他用自己的话所说的那样,一切运行、胜利和留下的东西都是值得的
问题在于,您给它显示:无代码>之后,给它显示:块
使用您的类d-none d-sm-block
,删除后者,它就会工作:
<div class="container">
<div class="row">
<div class="d-none">
<p>Our CFO, Danny, as he is affectionately referred to by his colleagues, comes from a long established family tradition in farming and produce. His experiences growing up on a farm in the Australian outback gave him great appreciation for varieties
of food sources. As he puts it in his own words, <em>Everything that runs, wins, and everything that stays, pays!</em></p>
</div>
</div>
</div>
我们的首席财务官丹尼,正如他的同事亲切地提到的那样,来自于农业和农产品方面的一个悠久的家庭传统。他在澳大利亚内陆的一个农场长大的经历使他对品种非常欣赏
食物来源的多样性。正如他用自己的话所说的那样,一切运行、胜利和留下的东西都是值得的
注意:您也可以只交换周围的类,以便在display:none之前应用display:block,但其冗余代码除外
您可以随时使用开发人员工具检查元素以查看发生了什么以及是否应用了类。问题已经解决,我忘记更新到最新版本的是bootstrap.min.js
和bootstrap.min.css
。谢谢您的回答,但我想要的是d-sm-block仅针对小屏幕隐藏,而不是针对所有屏幕