twitter-bootstrap vs jquery-mobile [닫기]


108

나는 누군가가 '더 나은'것에 대해 조언을 줄 수 있는지 궁금합니다. 트위터 부트 스트랩 또는 JQuery 모바일?

고마워, 피터

답변:


163

나는 그들이 다른 목적을 수행하기 때문에 당신이 대답 할 수있는 것이 "더 나은"인지 모르겠다. Bootstrap은 훌륭한 다목적 CSS 라이브러리 인 반면 jQueryMobile은 프레임 워크에 더 가깝습니다. 의미 jQueryMobile은 페이지를 멋지게 보이게하는 것이 아니라 스 와이프 이벤트, 페이지 전환과 같은 많은 모바일 지향 기능을 제공하며 단일 페이지 응용 프로그램을 허용합니다 (data-role = '로 단일 div 만 표시하기 때문). 한 번에 페이지 '), AJAX 사전로드 및 히스토리 API, 터치 친화적 인 구성 요소 / 위젯이 많이 있습니다. 부트 스트랩은 대부분 데스크톱 용 CSS 라이브러리이지만 특히 2.0에는 미디어 쿼리가 내장되어 있기 때문에 모바일에서도 작동합니다. 부트 스트랩은 터치하기 쉬운 목록, 체크 박스, 선택 메뉴 등을 지원하지 않습니다.

한 가지 더 지적해야 할 점은 jQueryMobile이 마크 업을 가져 와서 JavaScript를 사용하여 모든 종류의 예쁜 물건으로 장식한다는 것입니다. 부트 스트랩에는 일부 자바 스크립트가 있지만 선택적 구성 요소에 대해서만 나머지는 CSS입니다.

따라서 IMHO에 대한 대답은 주로 모바일 장치에서 사용하려는 웹 애플리케이션을 만드는 경우 jQueryMobile을 사용합니다. 다른 모든 것은 Bootstrap과 함께합니다. 정말 대단합니다.


20

jQuery 모바일! = 트위터 부트 스트랩. Twitter 부트 스트랩은 반응 형 레이아웃을 만드는 데 사용됩니다. [단일 CSS는 크고 작은 화면 크기에서도 작동 할 수 있습니다]. jQuery 모바일은 모바일 개발을위한 것입니다. 따라서 jQuery 모바일을 사용하여 사이트를 개발하는 경우 모든 데스크톱 브라우저에서 좋은 레이아웃 일관성을 제공하지 않습니다.


17

Twitter Bootstrap! = jQuery Mobile에 동의하지만 Bootstrap으로 모바일 사이트를 개발할 수 있습니다. 지난 몇 달 동안 jQuery Mobile을 사용하여 모바일 사이트를 개발 한 후 결론은 다음과 같습니다.

jQuery Mobile의 개념은 완벽합니다. "페이지"개념은 서버 측 기술 (제 경우에는 ASP.Net MVC)과 매우 잘 통합됩니다. 그것은 당신이 이미 익숙하고 아마도하고 싶어하는 것처럼, 대부분 서버에서 렌더링되는 개별 파일로 페이지를 개발할 수있게합니다.

그러나 현재 상태에서는 너무 많이 사용하려고하면 매우 느리고 버그가 발생할 수 있습니다. 내 프로젝트에서 문제가 발생한 후 문제가 발생했습니다.

따라서 사이트가 너무 복잡하지 않은 경우 (예 : 스 와이프, 마법사 없음) jQuery Mobile을 사용하십시오. 그렇지 않으면 프로젝트가 성숙 될 때까지 기다리는 것을 생각해보십시오. 거의 다되었습니다.


5
마지막으로 "다음에 jQuery Mobile 사용"을 의미 했습니까? 그 반대가 아닙니까?
Tillito 2013 년

그것이 말하는 것이 아닙니까?
조쉬 Mouch

1
죄송합니다. 제 영어 실력이 그다지 좋지 않을 수도 있습니다.하지만 2 번째와 3 번째 기사에서 jquery를 사용하지 않는 이유를 말씀 하셨는데 결론은 어쨌든 권장하는 것입니까? (당신이 그래서, 그 :-) 나는 무엇보다도 알고 싶어 무엇)
Tillito

3
"사이트가 너무 복잡하지 않은 경우"가 핵심 조건입니다. 나는 jQuery Mobile을 좋아하고 디자인도 좋지만 거기에 없다.
Josh Mouch 2013 년


14

두 프로젝트가 자신을 식별하는 방법에 따라 주요 차이점이 분명하다고 생각합니다.

Bootstrap : "빠르고 쉬운 웹 개발을 위한 세련되고 직관적이며 강력한 프런트 엔드 프레임 워크 ."

jQuery Mobile : " 스마트 폰 및 태블릿을 위한 터치에 최적화 된 웹 프레임 워크 ."

두 프레임 워크는 서로 다른 요구 사항을 충족하고 서로 다른 작업을 수행하는 것을 목표로합니다. 나는 두 가지를 별도의 프로젝트에서 사용했으며 각각 장단점이 있지만 직접 비교하는 것은 해로울 것입니다. 프로그래머 / 디자이너 / 엔지니어로서 프로젝트의 목표를 결정하고 작업에 가장 적합한 도구를 선택하는 것이 우리의 임무입니다.


7

그것은 당신이 그것으로 무엇을 할 것인지에 달려 있습니다. 대부분의 경우 부트 스트랩을 선호합니다. 기본 CSS와 함께 컴파일 할 수 responsive.less있기 때문에 모바일 버전도 사용할 수 있기 때문입니다. 매우 느슨하고 평범한 마크 업이기 때문에 부트 스트랩으로 프로토 타이핑 할 때 훨씬 빠릅니다 (플러그인 제외, 그것들도 훌륭합니다).


1
jquery 모바일 프레임 워크를 사용하면 응용 프로그램이 실행되는 위치에 따라 글꼴 크기를 조정하는 데 도움이됩니까? 트위터 부트 스트랩을 사용하고 있기 때문에 너비와 안드로이드 폰 및 태블릿이 다양한 모든 브라우저에서 내 응용 프로그램을 실행할 때 제대로 작동하지만 iPhone에서 실행할 때 글꼴 크기 문제가 발생합니다. iPhone 모바일에서 매우 작은 크기의 글꼴을 렌더링합니다. 그 이유는 무엇일까요?
Priyanka

1
@Priyanka 당신이 거기에 뷰포트를 놓친 것 같습니다. :)
Carlos F
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.