Как да уредим списъците с вертикални колони в MetroApps, използвайки HTML5, WinJS? - html5, css3, windows-8, microsoft-metro, winjs

Имам приложение за "Метро", което съдържа 2списъците с някои елементи от списъка. Тези два изгледа на списъци по подразбиране идват един под друг, всеки път, когато добавям още един списък към моята страница, всички те се показват едно под друго. Проблемът е, че не искам да показвам тези списъци хоризонтално.Искам те да бъдат показани един до друг.Така че може ли някой да ми помогне в това как да подреждат списъците на браузъри, които ще имат вид на Metro приложения.

Благодаря ти.

Отговори:

CSS

.ms-grid
{
display: -ms-grid;
-ms-grid-rows: 1fr;
-ms-grid-columns: 1fr 1fr;
}

HTML

<div class="ms-grid">
<div data-win-control="WinJS.UI.ListView"></div>
<div data-win-control="WinJS.UI.ListView" style="-ms-grid-column: 2;"></div>
</div>