【发布时间】：2015-08-08 00:16:57
【问题描述】：
对于我正在进行的当前项目（使用 Bootstrap 3），客户要求对移动视图的结构进行重大更改。
我过去曾使用过 Zurb Foundations Interchange：http://foundation.zurb.com/docs/components/interchange.html - 太棒了！
我想知道是否有人使用过引导程序替代方案？或者，如果您以前编写过此代码，您的方法是什么？我有点迷失在这个方向上。搜索似乎收效甚微。我可能会以编程方式执行此操作，但喜欢 JS 处理它的想法。
非常感谢
【问题讨论】：
-
我个人不会为此使用 JavaScript，因为某些浏览器可能不运行 JS。将移动设备发送到不同的子域，例如 m.mysite.com，并根据该子域更改布局。不确定您使用哪种技术作为后端，但使用 MVC/WebApi 模式，您应该能够在 2 个不同的模板/布局中轻松重用代码
-
女巫浏览器没有运行JS？也许你可以做基金会正在做的事情。您使用属性数据交换。 U 检索您定义的小、中、大区间的窗口大小。那么您将能够隐藏或显示 div，即使您想要加载 ajax 资源并替换原始 div 的内容也可以。
-
是的，感谢那个 user3036342。我在想我会用 PHP 编写代码。我并不热衷于 subdomian 选项。我们目前有这个，并希望完全删除它。附带说明一下，在英国只有 1.2% 的访问者没有启用 JS，我猜他们可能是某种机器人。我很欣赏你的cmets。我认为这绝对是正确的方法。再次感谢。 - Su4p _ 我也会看看。我想完全从 dom 中删除元素以避免页面过重。
-
如果你喜欢 cmets，你可以点赞 ;)
-
@T2theC 你的问题得到答案了吗？您可以使用媒体查询根据窗口的大小重新调整项目的大小。因此，您可以为所有设备创建一个网站。不需要 JS。纯 CSS。
标签： javascript jquery css twitter-bootstrap-3