3

尝试将 Twitter Bootstrap(在撰写本文时为v3 RC1)与 Windows Store WinJS 应用程序甚至 Windows Phone HTML5 应用程序集成是否有很好的案例?

令我震惊的是,Bootstrap 的移动优先/响应特性非常适合在全屏模式和快照视图模式下进行渲染 - 在 Windows 应用商店应用程序的情况下。

鉴于 Bootstrap 每天都在获得牵引力,是否值得尝试?

我可以看到,能够使用来自{wrap} bootstrapBootswatch等地方的主题将非常有用 - 特别是如果您试图在网络和设备上创建一致的品牌。

一个问题很可能是它如何与类似全景的组件一起工作......

4

1 回答 1

10

这取决于。

如果您想在您的应用程序中获得更多自定义体验并且不过多使用 WinJS,我认为这是值得的,特别是当 win 8.1 发布并且所有应用程序都必须工作并从 500px 宽度扩展到桌面显示器的大宽度时(不再快照模式)。

如果你想适应 win 8 UX 指南,我认为 Twitter Bootstrap 是个问题而不是帮助。

微软已经制定了一套相当广泛的用户体验指南,从布局页面、边距、字体大小到动画等。

他们这样做是为了让大多数 win 商店应用程序呈现出用户熟悉的模式(底部应用程序栏、搜索等)。

您可以在http://msdn.microsoft.com/library/windows/apps/hh770552阅读更多内容。这些指南非常详细,值得一读。

Twitter bootstrap 并不真正符合这些准则,因此您必须对其进行大量修改才能适应它们。

此外,如果您使用 WinJS,您还需要熟悉并使用 WinJS css 'framework'(ui.dark.css 或 ui.light.css)来设置 WinJS 控件的样式。您使用的控件更多,您需要学习和调整它的 css 框架。其中许多控件旨在从小宽度扩展到大宽度(列表视图、应用栏等),因此您可以免费获得它。

IE10/11 中的 Trident 引擎(您的应用程序运行的地方)对网格布局flexbox 布局有很好的支持,这很容易以很好的方式进行响应式设计。当涉及到通过 twitter bootstrap 不支持的触摸/鼠标或键盘进行缩放/平移时,它还支持许多自定义的 css '-ms' 扩展。

您总是可以只从 Bootstrap 中获取您需要的部分,而忽略其余部分。请记住,win 商店应用程序要求之一是应用程序必须可以通过键盘/鼠标和触摸完全访问,因此请确保 boostrap 组件可以很好地与触摸配合使用。

于 2013-07-31T12:11:11.960 回答