2013-07-27 3 views
75

아시다시피 부트 스트랩 RC 1은 여기에 있으며이 새로운 프레임 워크의 모든 새로운 멋진 기능에 대해 읽었습니다. 그러나 무엇을, headhead는 문서에서이다 추측하십시오. 이것이 어떤 이유인지 아는 사람 있습니까?Bootstrap 3 RC 1의 typeahead JavaScript 모듈은 어디에 있습니까?

Google 검색 중 these examples을 발견했으며 또한을 읽음으로써 해당 사이트의 부트 스트랩을 변경했습니다. 수동으로 추가해야합니까? 아니면 부트 스트랩 3 번들에도 있습니까?

누구든지 이것에 대해 알고 있나요?

+2

네비게이션 클래스, 선행 검사, 제어 된 양식 입력 너비, 검색 상자, 하위 메뉴와 같은 항목도 너무 많이 발견되었습니다. 아이콘을 .glyphicon, span-col-lg-xxxxx와 같이 복잡하게 만들기 위해 클래스를 변경 하시겠습니까? 나는 사람들이 당신의 제품을 고수 할 수 있도록 충분한 역방향 호환성을 제공한다는 점에서 jquery를 신용 또는 구글 정책으로 삼을 것입니다. 다른 사람들에게 당신의 아이디어를 부과하기보다는 "우리는 그것이 필요 없다고 생각합니다"라고 말할 것입니다. 누가 당신을 판단 할 것입니까? 따라서이 변경 정책은 더 많은 Microsoft 제품입니다.그들은 변화하는 것들을 유지하고 우리는 개발자들이 항상 배우고 시간을 낭비하고 있습니다. 안녕하세요! –

+1

다른 사람이 부트 스트랩 3에 다시 입력했습니다. [여기] (https://github.com/bassjobsen/Bootstrap-3-Typeahead) –

+0

이것은 nodification이없는 이전 bootstrap2 코드와 함께 작동합니다. 부트 스트랩 3로드 후에 여분의 js 파일을 포함하십시오. – giorgio

답변

67

나는 트위터의 우수한 typeahead.js에 찬성하여 더 이상 지원되지 않을 것으로 생각합니다. 그들의 문서는 도움이되어야 a Bootstrap integration section 있습니다.

편집 : 트위터가 통합 지침을 삭제했습니다. Bootstrap 3.0 호환 릴리스 이전에 일시적인지, 아니면 정상적으로 실행되었는지는 확실하지 않지만 @drye는 유용한 대체품 인 http://www.aureliomerenda.com/install-typeahead-bootstrap-3-fix-css-overlay-width-100/에 연결됩니다.

+3

공식적인 사용 중단 알림 : http://getbootstrap.com/getting-started/#migration-notes –

+3

** 경고 ** : 2013 년 10 월 24 일부터 typeahead.js는 3-4 개월 동안 유효 기간이 만료되었습니다. 그들이 그것을 다시 얻을 수 있기를 바랍니다. https://github.com/twitter/typeahead.js/issues/489 – Breiz

+0

Twitters의 선견자가 절대로 업데이트되지 않을 것이므로 참된 수치입니다. 주석 처리되지 않은/미해결 문제가 160 개 이상 있으며 아직 해결되지 않았습니다. – FooBar

9

ceejayoz가 이미 언급했듯이 부트 스트랩과 통합하기 위해 typeahead.js + 추가 CSS가 필요합니다. 당신이 부트 스트랩 3 작업 할 경우

이는 부트 스트랩 2.

위해 만든, 당신은 .tt-hint 클래스를 변경해야합니다. 나는 그것이 매우 끔찍한 오버레이 때문에 display: none;으로 바 꾸었습니다.

또한 버튼 입력 (입력에 대한)이 입력이 올바르게 재정의되지 않아 잘 작동하지 않는 것으로 나타났습니다.

+1

이 게시물은 도움이되었습니다. 그 .tt - 힌트는 입력 컨트롤에서 중복 된 텍스트로 이상한 팝업입니다. 그것이 무엇인지 모릅니다. 디스플레이 설정 : 아무도 정말 도움이되지 않았습니다. 덕분에 –

7

예, 선행 입력은 부트 스트랩 3.

에서 사용되지 않는 그러나 부트 스트랩 3.

작업 솔루션은 추가 CSS, 수리 CSS의 문제를 추가하는 것입니다 준비 typeahead.js하지 않다 : https://github.com/jharding/typeahead.js-bootstrap.css

+3

작품. 나는 tagManager, typahead, bootstrap 3을 사용한다. 플러스 .twitter-typeahead .tt-hint css 클래스는 Nick P answer http://stackoverflow.com/questions/18059161/css-issue-on-twitter-typeahead-with-bootstrap에서 얻을 수있다. -3 – llapinski

14

이제 최종 부트 스트랩 3.0.0이 릴리스되었습니다. 유형 어 헤드가 공식적으로 제거되었습니다. 이 장소에서하지만, 트위터의 선행 입력 (https://github.com/twitter/typeahead.js)를 사용할 수 있습니다

부트 스트랩 3 예 선행 입력 : 내가 적응 [2014] 발견 http://bootply.com/86571

+1

아, 놀랍게도 그 예는 도움이되지 않습니다. – thealexbaron

+1

github 링크는 404 – User

+0

을 반환합니다. https://github.com/twitter/typeahead.js에 있습니다. – chrism

관련 문제