2011-09-07 7 views
26

난 그냥 트위터 - 부트 스트랩을트위터 부트 스트랩 CSS + jQuery를

https://github.com/twbs/bootstrap

발견하고 그것으로 사용하는 jQuery 라이브러리가 있는지 궁금 하군요. popovers, 조동사, 도구 팁에 대한

또는 예를 들어

, JQuery와 - UI를 테마로 사용 ... 메시지 탭을 경고!

누구를 아십니까?

+0

twitterboostrap은 CSS 프레임 워크가 적습니다. 그래서, 예를 들어 jqueryui 테마 (modals, popovers, ...)에 대해이 jquery 스타일 시트를 사용할 수 있습니다. – Dragouf

답변

40

JQuery와 UI 부트 스트랩있다.

+1

나는 그것이 지금 최고의 대답이라고 생각합니다. :) – Dragouf

1

나는 단지 알고있다 https://github.com/pthrasher/jquery.bootstrapPopover 그 밖의 모든 것들은 당신이 직접 쓸 수있다.

+0

이전에 알고 있습니다. 그것은 단지 팝 오버를위한 것입니다. 하지만 모달은? – Dragouf

+0

아마도 너무 이르다. 기본적으로 올바른 클래스로 마크 업을 작성하여 모달 대화 상자가 작동하도록해야합니다. – binarious

0

their tutorial here에 가서하지 않는,
바로 모달 상자를 클릭하고 inspect element
그것이

<div class="modal" ....

를 말합니다 경우 전체 div을 복사하여 자신의 CSS에 팝업 선택? ? 당신이 twipsies 및 작업 다른 흥미로운 물건, 다운로드 및도 해당 페이지 :

당신이 mean't 경우 함께 제공되는 자바 스크립트 application.js을 확인 할 수 있습니다를 원하는 경우에 그
.. 조동사로 시작 충분히주지/lib 폴더 내의 preboot.less에있는 모든 색상 설정을 찾아야합니다.
텍스트 상자/텍스트 영역 테두리와 같은 색상은 forms.less,
과 같은 파일에 하드 코드되어 있지만, 당신은 다시 물어 볼 수 ...

26

나는 트위터의 CSS 부트 스트랩 뒤에있는 사람들을 알고있다. jQuery를 플러그인의 전체 세트 (PILS는 등 탭) 그들은이

곧 출시 될 프레임 워크를 supprt합니다하지만 당신은 이미 1.3 버전을 베타에서, 여기에 문서 폴더에 https://github.com/twitter/bootstrap/tree/1.3-wip

봐를 찾을 수 그러면 자바 스크립트를 찾을 수 있습니다.

행운을 빈다.

업데이트 버전 트위터 부트 스트랩 2.0은 더 많은 기능과 JS의 예제와 함께 출시되었다. Twitter Bootstrap 2.0

+0

아주 좋은 정보, 잠시 동안 좋은 답변 :). 이 시점에는 다른 도서관이 없을 수도 있습니다. – Dragouf

+2

그리고 여기에 "공식적인"버전이 있습니다 : http : //twitter.github.com/bootstrap/javascript.html#modal – tsimbalar

2

저는 이것이 부트 스트랩 2.0과 관련이 없다고 생각합니다. 그들은 OP의 모든 것을 포함하여 가장 인기있는 jQuery 플러그인의 부트 스트랩 스타일 버전을 제공합니다.

다른 사람들이 언급 한 jQuery UI 프로젝트의 부트 스트랩 테마도 있는데, 부트 스트랩 2.0에서는 나에게 맞지 않습니다. 부트 스트랩 라우트를 사용하는 경우 jQuery UI를 계속 사용하는 것은 의미가 없습니다.

참고로, "독립적 인"유형의 많은 jQuery 플러그인은 부트 스트랩과 함께 쉽게 사용할 수 있습니다. Chosen 다중 선택 컨트롤과 부트 스트랩 사이트에서 다양한 태그 플러그인 중 일부를 사용하며 잘 작동합니다. 나는 CSS를 하나의 파일로 결합하고, 부트 스트랩처럼 보이게 재 스타일을 지정한다.

관련 문제