twitter bootstrap in windows modern app

Я реализую простое кросс-платформенное приложение. Мне нужно, по крайней мере, win8 и совместимость с Android. Я решил использовать PhoneGap и twitter bootstrap для этого.twitter bootstrap in windows modern app

Когда я пытаюсь внедрить жидкостный пользовательский интерфейс с использованием бутстрап-сетки, он не может правильно отобразиться в win8. Для бывшего, когда я пытаюсь следующий образец сетки HTML:

<div class="row"> 
 
     <div class="col-md-1">.col-md-1</div> 
 
     <div class="col-md-1">.col-md-1</div> 
 
     <div class="col-md-1">.col-md-1</div> 
 
     <div class="col-md-1">.col-md-1</div> 
 
     <div class="col-md-1">.col-md-1</div> 
 
     <div class="col-md-1">.col-md-1</div> 
 
     <div class="col-md-1">.col-md-1</div> 
 
     <div class="col-md-1">.col-md-1</div> 
 
     <div class="col-md-1">.col-md-1</div> 
 
     <div class="col-md-1">.col-md-1</div> 
 
     <div class="col-md-1">.col-md-1</div> 
 
    </div> 
 
    <div class="row"> 
 
     <div class="col-md-8">.col-md-8</div> 
 
     <div class="col-md-4">.col-md-4</div> 
 
    </div>

я получаю правильный макет в браузере, но в win8 современном приложении эмулятор всех столбцы всегда растягивается на весь экран. Независимо от того, насколько широкий экран.

Есть ли способ исправить это? Или bootstrap не совместим с win8? Что может быть альтернативой? Мне нужно что-то, что я могу повторно использовать в win8 и мобильных приложениях html5.

источник

2015-03-30 Timur Sadykov

Прежде чем продолжить, я думаю, вы знаете, что win8 использует IE10 и win8.1 использует IE11 как в приложении браузера для Cordova приложений. Во-вторых, добавление динамического HTML в приложениях win 8 невозможно, пока вы не добавите для этого прокладку. –

Возможно, из-за простоты приложения я мог бы быть в порядке. :) Но как вы упомянули, есть ли у вас какие-либо предложения? –

Обычно я тестирую все свои мобильные приложения для Windows 8 в IE10. Если он работает там, он тоже должен работать в мобильном телефоне. –

на андроиде это выглядит хорошо, как вы ожидали?

Я спрашиваю, потому что я не знаю, что вы ожидаете, используя Col-MD- * будет растягиваться, когда разрешение экрана меньше 992 точек

здесь система сетки: http://getbootstrap.com/css/#grid-options может быть, вы хотели использовать col-sm- *?

что-то вроде этого:

<div class="row"> 
    <div class="col-sm-1">.col-md-1</div> 
    <div class="col-sm-1">.col-md-1</div> 
    <div class="col-sm-1">.col-md-1</div> 
    <div class="col-sm-1">.col-md-1</div> 
    <div class="col-sm-1">.col-md-1</div> 
    <div class="col-sm-1">.col-md-1</div> 
    <div class="col-sm-1">.col-md-1</div> 
    <div class="col-sm-1">.col-md-1</div> 
    <div class="col-sm-1">.col-md-1</div> 
    <div class="col-sm-1">.col-md-1</div> 
    <div class="col-sm-1">.col-md-1</div> 
</div> 
<div class="row"> 
    <div class="col-sm-8">.col-md-8</div> 
    <div class="col-sm-4">.col-md-4</div> 
</div>

источник

2015-04-09 14:42:52

Я пытался использовать эмулятор рабочего стола Windows, который имеет большее разрешение. Извините за путаницу, я также попробовал пример смешивания md и sm. Я проверю дважды. –

twitter bootstrap in windows modern app

ответ

Смежные вопросы