Javascript Jquery：根据屏幕分辨率交换HTML部分

对于我正在进行的当前项目（使用bootstrap3），客户机要求对移动视图的结构进行重大更改

我过去使用过Zurb基础交换：-这太棒了

我想知道是否有人使用过引导替代方案？或者，如果您以前编写过此代码，您的方法是什么？我有点不知道该往哪个方向走。搜索似乎收效甚微。我可能只是以编程的方式来做这件事，但我喜欢JS处理它的想法

---

非常感谢

我不得不为一个客户机这样做，我使用内置的引导程序

visible xs

，

invisible-s

等，根据屏幕大小，最终得到了几个不同版本的页面。这有点复杂，但它不需要任何JavaScript，而且很容易修改。至少这是一个选项，因为您已经在使用引导，所以您需要的一切都在那里。

就个人而言，我不会为此使用JavaScript，因为有些浏览器可能不会运行JS。将移动设备发送到不同的子域，如m.mysite.com，并在此基础上更改布局。不确定您使用哪种技术作为后端，但是使用MVC/WebApi模式，您应该能够在两个不同的模板中非常轻松地重用代码/layoutswitch浏览器没有运行JS？也许你可以做基金会可能正在做的事情。您可以使用属性数据交换。U检索定义小、中、大间隔的窗口大小。然后，您将能够隐藏或显示div，即使您希望加载ajax资源并替换原始div的内容，您也可以。是的，感谢用户3036342。我想我会用PHP编写代码。我对亚多米安的选择不太感兴趣。我们现在已经有了，并希望将其全部删除。另外，在英国，只有1.2%的访问者没有启用JS，我猜他们可能是某种机器人。我感谢你的评论。我认为这绝对是正确的选择。再次感谢Su4p uu我也来看看。我想完全从dom中删除元素，以避免沉重的页面。如果您喜欢，您可以对注释进行投票；）@你的问题得到答案了吗？您可以使用媒体查询根据窗口大小重新调整项目大小。因此，您可以为所有设备创建一个网站。不需要JS。纯css。