Могу ли я использовать bootstrap 3 вместе с jQuery Mobile?

Question

Я прочитал много статей «bootstrap vs. jQuery mobile». Совершенно очевидно, что у них обоих разные цели. Так как насчет их объединения?

Помимо других, мне нравятся отзывчивые особенности макета бутстрапа. С другой стороны, мне также нравится «страничный» подход и возможности jQuery mobile (включая события прокрутки и т. Д.) И переходы.

Есть ли профессиональные проекты, сочетающие оба? Или кто-то пытался это сделать и провалился?

Я знаю, что Using Bootstrap with jQuery Mobile похож на аналогичный вопрос, но он устарел (ссылаясь на бутстрап 2).

Answer 1

Лично я думаю, что у jQuery Mobile есть больше возможностей, чем вам действительно нужно, и он блокирует вас способом построения, который не является гибким. Он начинает становиться неуклюжим и беспорядочным, когда у вас много панелей с различными анимациями и обычно вы получаете 80% пути очень быстро, но затем занимает много времени, чтобы делать обычай.

Я бы использовал twitter bootstrap, а затем добавил плагины для поддержки функций, которые вам нужны.

Bootstrap имеет множество неофициальных плагинов вы можете добавить имитировать функциональность JQuery Mobile: http://bootsnipp.com/resources

есть руководство здесь, чтобы использовать салфетки события только с JQuery Mobile: http://lazcreative.com/blog/adding-swipe-support-to-bootstrap-carousel-3-0/

или вы может использовать ваш собственный плагин для добавления дополнительных событий: http://stephband.info/jquery.event.swipe/

Если вы хотите развернуть меню боковой панели, вы можете легко добавить его самостоятельно:

-webkit-transition: width 0.35s ease; 
-moz-transition: width 0.35s ease; 
-o-transition: width 0.35s ease; 
transition: width 0.35s ease; 

http://jsfiddle.net/Osis/Mns8q/ http://codepen.io/krichnafsky/pen/cuhkL http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/

Answer 2

Заключение Я бы не рекомендовал объединения JQuery Mobile и Bootstrap для сложных проектов.

JQM знаний Мы строим ряд сложных веб-приложений все с помощью JQuery Mobile (JQM) Framework. Мы потратили более года на производство, и теперь имеем довольно разумные знания JQM.

Положительные элементы: некоторые из функций полезны, такие как постоянные нижние колонтитулы и мобильные компоненты, которые придают HTML5-приложению довольно своеобразное ощущение. Отрицательные: нам пришлось отключить довольно много функций JQM, таких как предварительная загрузка страниц для создания требуемых сложных функций.

Конечный результат хорош, так как мы обманули разработчиков iOS, думая, что это было родным.

Bootstrap Знание Я также недавно выпустила адаптивный веб-сайт, используя загрузчик, чтобы рекламировать выше JQM продукт и работает очень хорошо (http://www.sure-sense.com).

Комбо Я попытался совместить самозагрузки с JQM проекта приложения приборной панели, но это быстро подчеркнул, что 2 рамки не совместимы. CSS JQM помещает компоненты поверх загрузочного CSS, а результаты - некоторые компоненты, похожие на JQM, и другие, такие как bootstrap.

Answer 3

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

Тем не менее, для рабочей группы, в компании или даже предприятии, в работе содержится «Создание шаблона» + «Реализация» и «Ответственность» для группы разработчиков и ИТ-команды соответственно. Таким образом, окончательное решение должно быть в порядке с обеими этими двумя командами.

Для нашей компании команда компакт-дисков имеет тенденцию использовать BootStrap, потому что им предлагается создать множество пользовательских веб-шаблонов специального действия, однако команда ИТ уже сделала некоторые jQM-приложения, и им нравится использовать их для будущих разработок, конфликт.

В конечном счете, «Требование пользователя» преодолевает конфликт, и теперь мы собираемся использовать шаблон BootStrap и пытаться избежать использования jQM в нашей основной разработке мобильных приложений в Интернете.

Питти, но необходимо принять решение.