WinJS/Windows Phone HTML和Twitter Bootstrap

Question

試圖將Twitter Bootstrap（編寫本文時爲v3 RC1）與Windows應用商店WinJS應用甚至Windows Phone HTML5應用整合在一起時，是否有很好的理由？

Bootstrap的移動第一/響應特性很適合在全屏模式和快照視圖模式下出現 - 在Windows應用商店的情況下，這讓我感到震驚。

鑑於牽引力Bootstrap每天都在增加，是否值得嘗試？

我可以看到，能夠使用來自{wrap} bootstrap和Bootswatch等地點的主題將會非常有用 - 尤其是當您嘗試在網絡和設備上創建一致的品牌時。

一個問題很可能是如何與全景像組件一起工作...

Answer 1

這取決於。

如果你想在你的應用程序中使用更多的自定義體驗，而不是過多地使用WinJS，我認爲它可能是值得的，特別是當win 8.1出來，所有的應用程序將不得不工作，並從500px寬度到大寬度的桌面監視器（不再有捕捉模式）。

如果你想適應勝利8用戶體驗指南，我認爲Twitter Bootstrap將是一個問題，而不是幫助。

微軟已經開發相當廣泛的一套UX指引從laying out the page，邊距，字體大小等動畫

他們這樣做所以大多數的勝利商店的應用程序應提供熟悉的用戶模式（底部應用欄，搜索等）。

您可以在http://msdn.microsoft.com/library/windows/apps/hh770552閱讀更多內容。這些準則非常詳細，值得一讀。

Twitter bootstrap並不真正適合這些指導方針，因此您必須對其進行很多調整才能適應這些指導方針。

此外，如果您使用的是WinJS，您還需要熟悉並使用WinJS css「框架」（ui.dark.css或ui.light.css）來設計WinJS控件。更多的控制你使用更多它的CSS框架，你需要學習&調整。這些控件中的很多都是爲了從小到大的寬度（listview，appbar等）而設計的，所以你可以免費獲得它。

IE10/11（您的應用程序運行時）的Trident引擎對grid layout和flexbox layout有很好的支持，很容易讓響應式設計以很好的方式進行。它還支持許多自定義'-ms'擴展到css，當通過觸摸/鼠標或鍵盤進行縮放/平移時，twitter bootstrap不支持。

你總是可以從Bootstrap中只抓取你需要的碎片而忽略剩下的碎片。 只要記住，贏得商店應用程序的要求之一是，應用程序必須通過鍵盤/鼠標和觸摸完全訪問，所以確保boostrap組件與觸摸很好地工作。