2013-05-02 52 views
6

我正在为需要有移动版本的客户创建网站。他们现在已经有一个网站,他们想要保留,但只是想要一个完全不同的移动版本 - 所以,我想知道是否可以砍掉Twitter Bootstrap,以便它只使用框架的移动方面?Twitter Bootstrap - 仅限移动版本?

道歉,如果我的问题没有意义,如果没有,请随时提出任何问题,我会尽力更好地解释我自己。总而言之,我只是想使用Twitter Bootstrap设计一个网站的移动版本,但只有一个移动版本 - 不需要桌面版本,因为客户端域上已经存在一个版本。

+0

您可以编辑.Less文件。但是,如果您只是在做手机,请考虑jQuery Mobile。这将是一个更好的选择。 http://jquerymobile.com/ – 2013-05-02 13:35:00

+0

优秀,看起来像一个更好的全方位解决方案。谢谢! – 2013-05-02 13:48:46

+0

@NikkiMather我也试图创建一个网站的手机版本。你最终选择了哪一个 - Twitter Bootstrap或jQuery Mobile? – user1448031 2013-05-28 13:38:47

回答

1

正如Robin2k所提到的,'bootstrap-responsive.css'/'bootstrap-responsive.min.css'文件将使您的网站在大多数移动设备上都能正常工作。

如果你只想砍剧本减少加载时间,我可以给你最好的建议是:

  1. 确保使用.min.css.min.js文件,他们是相当小

  2. 尝试CloudFlare,他们将缓存和压缩你的引导文件,使您的网站加载速度快得多

+3

CloudFlare会让您的网站定期无法使用。 – jgillich 2013-05-02 14:26:59

+0

@jgillich我发现CloudFlare的可靠性在过去几个月里有了很大的提升。亚马逊也有类似的服务,不过价格要贵得多。 – VCNinc 2013-05-02 14:29:01

0

您绝对只能使用Twitter Bootstrap的移动部件作为起点。

更重要的问题是:单独的移动网站的目的是什么?为什么用户需要手机上的不同内容与笔记本电脑或台式机?最有利于未来的方法是让当前网站响应/自适应,以便在相同的内容存在的情况下适应较小的屏幕。

只是我的2C,但你绝对可以剪掉你不喜欢的Bootstrap的部分。

+0

感谢您的想法。我真的不知道为什么他们想要一个单独的版本,而不是一个集成了他们当前设计的集成版本;我只知道他们不想改变或使用他们当前的桌面版本作为移动版本的基础 - 他们只是想要2个独立的实体。感谢您的输入。 – 2013-05-02 13:59:16

+0

没问题,我明白如何处理客户的摆布。但是,询问用户可能会很好。 此外,请查看[此媒体查询文章。](http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile -version-your-website /) – Cattsan 2013-05-02 14:24:26

0

对于客户想要提供不同体验的移动网站是完全可以理解的。通过移动设备访问网站与桌面设备呈现两种使用情况,根据这些使用情况,用户可能会关心或不关心的网站功能取决于他/她用来访问它的设备。因此,一个适合所有人并不总是最好的选择。