[twitter-bootstrap] 부트 스트랩을 버전 3으로 업데이트-어떻게해야합니까?

저는 Bootstrap을 처음 사용하고 이전 버전 2.3.2를 사용하고 있습니다.

버전 3이 출시되었습니다. 최신 버전을 사용하려면 CSS 및 Javascript 파일 만 바꾸면됩니까?



답변

  1. http://getbootstrap.com/ 에서 최신 버전을 다운로드하거나 css 및 js 파일을 최신 버전으로 바꾸거나 CDN ( http://www.bootstrapcdn.com/ )을 사용합니다.

  2. html을 마이그레이션하십시오 . 실제로 http://bootply.com/bootstrap-3-migration-guide를 읽으십시오 . 당신은 시도 할 수 http://twitterbootstrapmigrator.w3masters.nl/ 또는 http://code.divshot.com/bootstrap3_upgrader/ (너무 체크리스트 제공)

  3. html5shiv를 제거하면 TB가 IE7 및 Firefox 3.x 지원을 삭제합니다. 에 대한 지원이 중단됩니다. html5shiv.js를 추가하여 IE8에 HTML5 요소 지원을 추가합니다.

  4. IE의 미디어 쿼리 지원을 위해 respond.js ( https://github.com/scottjehl/Respond )를 추가 하세요 . 참고 이것은 CDN에서 작동하지 않습니다. 참조 : Twitter Bootstrap 3의 IE8 문제

  5. Glyphicons를 사용하는 경우 http://glyphicons.getbootstrap.com/ 에서 추가해야합니다 (아이콘이 별도의 저장소로 이동 됨). Glyphicon은 RC2 이후로 돌아 왔습니다 (Glyphicon Halflings 세트에서 글꼴 형식의 180 글리프).

  6. Javascript Typeahead 구성 요소를 사용하는 경우 https://github.com/twitter/typeahead.js/ 를 통합해야합니다 (typeahead javascript가 삭제 된 원인) 참조 : Bootstrap 3.0 RC1의 Typeahead 문제 또는 “이전”플러그인 사용 : https://github.com/bassjobsen/Bootstrap-3-Typeahead , 참조 : /programming/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473

  7. 최신 버전의 jQuery 1.x로 전환 (2.x 버전을 사용하지 마십시오. jQuery 2.x는 IE8을 지원하지 않음)

  8. 코드에 html을 추가하거나 삽입하는 타사 위젯 (예 : addthis.com, sharethis.com 및 Google지도)을 사용하는 경우 상자 크기에 대한 래퍼를 만듭니다. 참조 : Twitter의 Bootstrap 3에없는 AddThis 카운터의 오른쪽 테두리

다른:

Bootstrap 3에서 box-sizing으로 전환 : border-box 왜? : https://stackoverflow.com/a/18858771/1596547

IE7에 대한 지원이 중단되었습니다. https://github.com/coliff/bootstrap-ie7 조건부 CSS를 사용하여 css 부분을 다시 추가하십시오.


답변

2018 년 업데이트

부트 스트랩 3-4

Bootstrap 4 업그레이드 도구 (Bootstrap 3에서 4로 마이그레이션하는 데 도움이 됨)


부트 스트랩 2 ~ 3

Bootstap 3 RC 1의 릴리스 후보 (최종 릴리스 3 아님)가 금요일 (2013 년 7 월 26 일)에 발표되었으므로 아직 공식적인 마이그레이션 지침이 없습니다.

Bootstrap 3에 대한 주요 변경 사항이 있습니다. 2.x와 역 호환성이 없으므로 파일 만 교체 할 수 없습니다. 그러나 Bootply에서 유용한 지침을 찾을 수 있습니다.

http://bootply.com/bootstrap-3-migration-guide

작동중인 부트 스트랩 마이그레이션 도구도 있습니다. https://github.com/iatek/bootstrap-migrate

Bootstrap 2.x에서 3으로 업그레이드 도구 : http://upgrade-bootstrap.bootply.com/v3


답변

부트 스트랩 2.3에서 3.0으로 마이그레이션하는 것은 거의 불가능합니다. 버전 변경은 매우 과감합니다. 내 zend 프레임 워크 2 프로젝트를 부트 스트랩 3.0으로 업데이트하려고했는데 결과가 엉망이었습니다 (IE 5로 열려고하는 것과 같이).

내 조언 : 부트 스트랩 2.X를 사용하는 오래된 프로젝트는 부트 스트랩 2.x와 함께 사용합니다. 새로운 시작 프로젝트, 3.0으로 시작합니다.

제 생각에는 이러한 버전 변경은 부트 스트랩 팀의 매우 큰 오류였습니다. 점진적인 업데이트 2.4, 2.5, 2.6 …을 수행해야합니다.


답변

방금 3.0.3으로 마이그레이션했고이 Python 앱 https://pypi.python.org/pypi/b2tob3/0.4 로 매우 쉽게 작업 할 수있었습니다.


답변

부트 스트랩 2.3을 3.0 html로 업그레이드하는 것을 자동화하기 위해 grunt 플러그인을 만들었습니다.

https://github.com/jdewit/grunt-html-upgrader 에서 확인 하십시오.


답변

확실하지는 않지만이 rereplacer joomla 확장을 사용하십시오.

이 링크를 참조하십시오.

http://www.nonumber.nl/extensions/rereplacer

그렇지 않으면 템플릿 재정의가이를 수행하는 유일한 방법입니다.


답변

Bootstrap 3으로 업그레이드하기위한 두 가지 온라인 도구 :

bootply에서

divshot에서