因此，我使用 Twitter Bootstrap 构建了一个响应式网站。问题是我已经使用visible-phone,visible-tablet和visible-desktop. 这意味着当有人查看我的源代码时，我会将整个部分包含两次或三次，以解决span数量差异的问题，或者，例如，因为平板电脑上的轮播应该有 2 个项目，而在桌面上应该有 4。
我想知道我这样做是否正确。我应该根据屏幕大小使用 Javascript 动态地向 DOM 注入（或添加？不确定名称）代码吗？或者我应该根据屏幕大小使用我的自定义、非常简单的 .php 文件进行编辑？我不知道，我在任何地方都找不到关于良好实践的答案。我已经尝试查看我喜欢的网站，但我从未找到专门在这种情况下添加内容的 javascript 脚本。鉴于，我不确定我要寻找什么。
任何指针？