Twitter Bootstrap - 只有移动端版本？

Question

我正在为一位客户创建一个需要具备移动版本的网站。他们目前已经有一个网站，想要保留该网站，但是希望拥有一个完全不同的移动版本 - 所以，我想知道 Twitter Bootstrap 是否可以被裁剪，仅使用框架的移动方面。

如果我的问题不清楚，请谅解。如果不清楚，请随时提问，我会尽力更好地解释自己。

总之，我只想使用 Twitter Bootstrap 设计一个移动版网站，而不需要桌面版本，因为客户域名已经存在一个桌面版本。

- Nikki Mather

---

您可以编辑.Less文件。但是，如果您只是在移动设备上使用，请考虑使用jQuery Mobile。那将是更好的选择。http://jquerymobile.com/ - Scott Simpson

太好了，这看起来是一个更好的全面解决方案。谢谢！ - Nikki Mather

@NikkiMather 我也在尝试创建一个仅限移动设备的网站版本。你最终选择了哪一个 - Twitter Bootstrap 还是 jQuery Mobile？ - user1448031

晚了点回复，但是... jQuery Mobile :) - Nikki Mather

Answer 1

正如Robin2k所提到的，'bootstrap-responsive.css' / 'bootstrap-responsive.min.css'文件将使您的网站在大多数移动设备上运行良好。

如果您想削减脚本以减少加载时间，我可以给您的最佳建议是：

1. 确保使用.min.css和.min.js文件，它们要小得多

2. 尝试使用CloudFlare，他们会缓存和压缩您的引导文件，使您的网站加载速度显着提高

- VCNinc

---

CloudFlare会定期使你的网站不可用。 - jgillich

@jgillich 我发现CloudFlare的可靠性在过去几个月里大大提高了。亚马逊也有类似的服务，但价格要贵得多。 - VCNinc

Answer 2

你可以使用 Twitter 的那个属性，它只在移动设备上显示元素。 当页面大小增加时，它会隐藏整个页面。在桌面版本上没有人能看到它。 http://twitter.github.io/bootstrap/scaffolding.html#responsive

- user2021917

Answer 3

你绝对可以只使用 Twitter Bootstrap 的移动部分作为起点。

更重要的问题是：单独的移动站点的目的是什么？为什么用户希望在手机上与笔记本电脑或台式机上看到不同的内容？最具未来性的方法是使当前站点具有响应/自适应功能，以便相同的内容存在，但适应较小的屏幕。

这只是我的个人意见，但你绝对可以剪裁掉你不喜欢的 Bootstrap 部分。

- Cattsan

---

谢谢你的想法。我真的不确定为什么他们想要一个单独的版本，而不是一个集成的版本，将其当前设计纳入其中；我只知道他们不想改变或使用他们当前的桌面版本作为移动版本的基础 - 他们只想要两个独立的实体。感谢您的意见。 - Nikki Mather

没问题，我理解客户至上的处境。不过询问一下用户可能会有好处。另外，看看这篇关于媒体查询的文章吧：http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/ - Cattsan

Answer 4

客户想要一个提供不同体验的移动站点是完全可以理解的。通过移动设备与桌面电脑访问网站呈现出两种使用情况，根据这些使用情况，用户可能会关心或不关心访问设备上的某些站点功能。因此，一刀切并不总是最好的选择。

- RWSansom