Twitter 的 Bootstrap 是否像 Skeleton 一样适合移动设备?

发布于 2024-12-17 09:21:23 字数 134 浏览 3 评论 0原文

Skeleton 遵循响应式网页设计。 Bootstrap 提供同样的功能吗?

Skeleton is made to scale to also fit mobile browsers, following the principles of responsive web design. Does Bootstrap offer the same?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

清浅ˋ旧时光 2024-12-24 09:21:23

还没有 - http://groups.google.com/ group/twitter-bootstrap/browse_thread/thread/6db57d09f654a326?pli=1

但在某些时候它会的。 路线图在 2.0 版本中包含此内容。它足够轻量,根据我的经验,您可以轻松添加自己的媒体查询

编辑 - 自 2012 年 2 月 1 日起,版本 2.0 已发布,开箱即用,可响应移动设备。

编辑 - 截至 2013 年 8 月 19 日,版本3.0 已经发布,它不仅是响应式的,而且采用了移动优先的方法:

<块引用>

在 Bootstrap 2 中,我们为框架的关键方面添加了可选的移动友好样式。借助 Bootstrap 3,我们从一开始就重写了该项目,使其适合移动设备。它们不是添加可选的移动样式,而是直接融入核心。事实上,Bootstrap 是移动优先的。移动优先样式可以在整个库中找到,而不是在单独的文件中。

Not yet - http://groups.google.com/group/twitter-bootstrap/browse_thread/thread/6db57d09f654a326?pli=1

But it will be, at some point. The Roadmap has this in for version 2.0. It's lightweight enough that in my experience you can add in your own media queries without much trouble.

EDIT - As of 1 Feb 2012, version 2.0 is out, which is responsive down to mobile out of the box.

EDIT - As of 19 Aug 2013, version 3.0 is out, which is not only responsive but takes a mobile-first approach:

With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files.

紧拥背影 2024-12-24 09:21:23

显然现在应该支持了。

Bootstrap 最初仅考虑现代浏览器而构建,
演变为包括对所有主要浏览器(甚至 IE7!)的支持,并且,
也适用于 Bootstrap 2、平板电脑和智能手机。

来源:http://twitter.github.com/bootstrap/#grid-system

如果您访问该网站并调整浏览器的大小,您会发现它非常合适。

Apparently it should support it now.

Originally built with only modern browsers in mind, Bootstrap has
evolved to include support for all major browsers (even IE7!) and,
with Bootstrap 2, tablets and smartphones, too.

Source: http://twitter.github.com/bootstrap/#grid-system

If you go to the site and resize your browser, you will se it's fitting nicely.

甜中书 2024-12-24 09:21:23

是的 Twitter Bootstrap 2.0 版本是基于响应式网页设计的。看看他们的网站:http://twitter.github.com/bootstrap/。下载时你必须尝试一下它,因为下载版本没有它。您将必须重命名响应式 CSS,最好的选择是查看他们的网站并尝试对其进行逆向工程。

Yes Twitter Bootstrap's 2.0 version is based on responsive web design. look at their website: http://twitter.github.com/bootstrap/. You will have to play around with it when you download, cause the download version does not have it. You will have to rename the responsive css, best option is to look at their website and try to reverse engineer it.

回梦 2024-12-24 09:21:23

移动友好有很多含义。 Bootstrap 是响应式的,这是一个适合移动设备的属性。它也非常重(它是为应用程序设计的) - 这不适合移动设备,尤其是对于网站。

Yahoo Pure 框架的重量约为 1/10,并为网站提供相同的功能集。我建议针对移动网站使用 Bootstrap 类似的东西。

Mobile-friendly has many meanings. Bootstrap is responsive, which is a mobile-friendly attribute. It's also extremely heavy (it's designed for applications) - which is not mobile-friendly, especially for websites.

The Yahoo Pure framework is about 1/10th the weight, and provides the same feature set for websites. I'd suggest something similar over Bootstrap for a mobile website.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文