Twitter Bootstrap广泛使用特定的类来实现所有各种功能。
- 要隐藏任意屏幕尺寸的元素，可以使用特定的Bootstrap .d-none类。
- 对于较小的屏幕尺寸，您可以对其进行修改以使用.d-sm-none类
- 对于较小的屏幕尺寸，可以将其修改为使用.d-none或.d-xs-none
- 对于中型屏幕设备，您可以对其进行修改以使用.d-md-none
基本方法：假设我们要隐藏特定的div。我们要做的就是根据需要将div应用于所需的特定类。上面列出了className。
hide on small screens
hide on extra small screens
hide on medium screens
高效方法：假设我们要在小型设备屏幕上隐藏“单击此处”按钮。
- 只需瞄准所需的元素。
- 申请“ d-sm-none”课程
- 为了直观起见，在两个实例下面进行了描述-在应用className之前和在应用className之后。
- 在应用className之前，我们可以看到按钮清晰可见。
- 一旦应用className，该按钮就会从小屏幕设备上消失。
例子：
Hide elements in Small devices
GeeksforGeeks
输出(移动设备) ：
在应用.d-sm-none类之前：
应用.D-SM-none类后：
