Мобильный javascript framework с Twitter Bootstrap

Question

На одном из моих сайтов я использую Twitter Bootstrap 2.3. Мне нравится его отзывчивое поведение, медиа-запросы в мобильных устройствах. Но у него нет мобильных функций (особенно linked listviews). Поэтому мне нужно использовать фреймворк, который обрабатывал бы мобильную версию моего веб-сайта.

После некоторых исследований я обнаружил, что jquery mobile, sensa touch, jqtouch, iui, mobilize.js, zepto являются возможными кандидатами.

Что вы посоветуете для javascript framework/plugin для мобильных страниц, что будет хорошо работать с twitter bootstrap?

Возможные сопутствующие вопросы:
Bootstrap list view like jqm
twitter-bootstrap vs jquery-mobile
Using Bootstrap with jQuery Mobile

Answer 1

Если вы готовы возиться с Bootstrap и других нескольких структур вместе, то убедитесь, что у вас есть хорошие знания в JQuery, JavaScript, CSS.

Каждый фреймворк имеет свой собственный стиль стилей и т. Д., Поэтому, если вы хотите объединить несколько платформ вместе, вы часто сталкиваетесь с такими проблемами, как ожидаемый стиль из ожидаемой структуры не применяется.

Я бы рекомендовал вам использовать jQuery Mobile. В jQuery Mobile 1.3 реализовано много рекурсивных концепций дизайна. В релизе отмечается, что они себя уже упоминали, что они прилагают все усилия, чтобы поддержать отзывчивые конструкции. Прочтите официальное сообщение documentation provided by jQuery Mobile. Это даст вам хорошее начало.

Отказ от ответственности: Я использовал только Twitter Bootstrap и jQuery Mobile. Но я слышал от людей, что другие мобильные фреймворки не так гибки, как jQuery Mobile. Также помните, что Sencha touch очень быстро сравнивается с jQuery Mobile, но для начинающих начинаются сложные задачи.

Answer 2

Я бы порекомендовал iUI, так как я работаю над ним (eh eh), и потому что это более или менее пустой холст, который вы можете «нарисовать», что хотите. JQuery Mobile или Sencha хороши, но у них есть десятки или кнопки & Элементы пользовательского интерфейса, которые могут вам не понадобиться для веб-сайта. Это даже беспорядок, если вы хотите, чтобы пользовательский взгляд на ваш мобильный сайт, когда все предопределено.

AFAIK, Zepto только зажигалка JQuery, так что не будет решать вам связанный ListViews вопроса, который много ...

Пожалуйста, дайте попробовать в мой проект v2 ОГО, Emy, что вы можете попробовать здесь : http://www.emy-library.org/demos/ Еще несколько ошибок для исправления, но я чертовски близок к первоначальному выпуску. Большая разница по сравнению с iUI - это синтаксис HTML5, пользовательские анимации, полная документация и поддержка WindowsPhone. http://www.emy-library.org/documentation/1.0/getting-started.html

Приветствия!

Answer 3

также прочитать: Twitter Bootstrap Navbar: [Left Button -— Center Text -— Right Button]? II

Я думаю, что я должна быть возможность построить мобильный интерфейс с Bootstrap Твиттера (3). И да, вы правы (связаны) listviews пропустят. Возможно, сначала проверьте http://getbootstrap.com/components/#list-group. Конечно, вам нужно будет написать код для обработки действий.

Другие пункты, которые необходимо учитывать: Навигация и структура страницы.Рамки, такие как jQuery mobile, содержат больше страниц на одном URL-адресе: см. http://jquerymobile.com/demos/1.0a2/#docs/pages/docs-navmodel.html, а sencha использует подход MVC. Рассмотрим http://getbootstrap.com/javascript/#tabs (или http://getbootstrap.com/javascript/#scrollspy), чтобы имитировать такие структуры.

Другие примеры см. В: How to make a JS horizontal content slide from px to % responsive приятный интерфейс с TB на @boblet, который хорошо переносит на мобильный: http://bootply.com/73715. David Panzarella начал чистый мобильный Navbar с иконками: Bootstrap 3 RC2 Navbar with Multiple Collapses И альтернатива мобильной навигации stucture можно найти здесь: Toggle sidebar on mobile device with Twitter Bootstrap 2.x

удачи