StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>It depends.</p> <p>If you want more custom experience in your app and not use WinJS too much I think it could be worth it, especially when win 8.1 comes out and all apps will have to work and scale from 500px width to large widths of desktop monitors (no more snapped mode).</p> <p>If you want to fit in into win 8 UX guidelines I think Twitter Bootstrap would be more of a problem than help.</p> <p>Microsoft has developed quite extensive set of UX guidelines from <a href="http://msdn.microsoft.com/en-us/library/windows/apps/hh872191.aspx" rel="noreferrer">laying out the page</a>, margins, font sizes to animations etc.</p> <p>They did this so most of win store apps should present familiar to user patterns (bottom app bar, search etc).</p> <p>You can read more at <a href="http://msdn.microsoft.com/library/windows/apps/hh770552" rel="noreferrer">http://msdn.microsoft.com/library/windows/apps/hh770552</a>. Those guidelines are quite detailed and worth reading.</p> <p>Twitter bootstrap doesn't really fit those guidelines so you would have to hack it a lot to adjust to them.</p> <p>Additionally if you're using WinJS you also need to be familiar and use WinJS css 'framework' (ui.dark.css or ui.light.css) to style WinJS controls. More controls you use more it's css framework you need to learn & tweak. Many of those controls are designed to scale from small to large widths (listview, appbar etc.) so you get it for free.</p> <p>Trident engine in IE10/11 (where you app runs) has very good support for <a href="http://msdn.microsoft.com/en-us/library/ie/hh673533%28v=vs.85%29.aspx" rel="noreferrer">grid layout</a> and <a href="http://css-tricks.com/snippets/css/a-guide-to-flexbox/" rel="noreferrer">flexbox layout</a> what ease making responsive designs in great way. It also supports many custom '-ms' extensions to css when it comes to zooming/panning via touch/mouse or keyboard which twitter bootstrap doesn't support.</p> <p>You can always grab only pieces from Bootstrap you need and ignore the rest. Just remember that one of win store app requirements is that app must be fully accessible via keyboard/mouse and touch, so make sure that boostrap components work well with touch.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload