Bootstrap 3 * -down？

Question

引导程序4似乎有一个*下行类。 Bootstrap 3有没有相应的类？这似乎并不涵盖设备< = SM：

<img src="http://placehold.it/200x200" class="visible-sm-down"/> 
<img src="http://placehold.it/300x300" class="visible-md"/> 
<img src="http://placehold.it/400x400" class="visible-lg"/> 

这是我目前的解决方案：

<img src="http://placehold.it/200x200" class="visible-sm visible-xs"/> 
<img src="http://placehold.it/300x300" class="visible-md"/> 
<img src="http://placehold.it/400x400" class="visible-lg"/> 

http://jsfiddle.net/MkP88/177/

Answer 1

都能跟得上。在Bootstrap 3中，如果你想让一个元素在两个不同的宽度上可见，你需要像你所做的那样添加两个类。

虽然您的示例已经显示，但这只影响到必须显示两个不同的宽度 - 如Bootstrap 3中只有四个宽度可用。要显示一个宽度，您只需指定一个visible-*，然后显示三个宽度，而不是使用hidden-*来隐藏您不想处理的宽度。

这是Bootstrap 4中的一个问题，因为它引入了宽度xl，这意味着您需要三个类而不是两个，这更加麻烦。