Bootstrap响应实用程序 - 为什么不创建同一站点的不同版本？

Question

在bootstrap文档中：

http://getbootstrap.com/css/#responsive-utilities-classes

建议使用

.visible-xs-* .visible-sm-* .visible-md-* .visible-lg-* .hidden-xs .hidden-sm .hidden-md .hidden-lg

  

尝试在有限的基础上使用这些并避免完全创建   同一网站的不同版本。相反，使用它们来补充   每个设备的演示文稿。

如果我有一些看起来像

的部分

<div class="visible-xs">
    Mobile view
</div>
<div class="hidden-xs">
    Above mobile view
</div>

那为什么不行？我想如果你有很多，那么它可能会让人感到困惑，但又有什么选择呢？想象一下，视图的不同之处在于您无法通过媒体查询更改内容样式。