Question

我尝试应用一些仅针对XS屏幕的CSS，但它也适用于中等屏幕。

请参阅.col-xs明确定义的样式，但我在桌面上全屏查看它并呈现xs特定样式。

我在这里做错了什么或丢失了bootstrap中的任何片段？

谢谢，

Answer 1

除非有媒体查询，否则元素上的CSS类始终应用。

在Bootstrap specific media queries的情况下，这将是......

@media (max-width: 768px) {

   .prop-image {
      margin-right: auto;
      margin-left: auto;
   }

}

Answer 2

你现在正在使用bootstrap中的列的方式是说md宽度跨度为4列，xs宽度跨越整个页面。它没有隐藏内容。

如果你想要一种简单的方法来隐藏并只显示xs屏幕宽度的内容你需要媒体查询，或者另一种选择是使用内置于响应实用程序类的Bootstraps

。可见-XS- *。

这只会在xs显示包含元素。