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

102

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

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

twitter-bootstrap  twitter-bootstrap-3 
— 헨리
소스
당신은 변화를 읽어 그들은 이미 자리에있는 치신하지 않습니다 있는지 확인하려면,하지만 네 단순히 파일을 대체 할 수
— 팻시 이싸
예,이 작업을 올바르게 수행하고 있는지 확인하고 싶습니다. 저는 부트 스트랩이 최고의 제품이라고 생각합니다. 놀랍습니다. 다음 버전을 사용하고 싶습니다. .less를 사용하여 업데이트를 관리 할 수있는 어딘가를 읽고 있었지만 아마 그게 틀렸을 것입니다.
— 헨리
1
— 베이스 Jobsen
문서에서 3.0에서 모든 것이 "유동적"이라고 말하더라도 컨테이너에 고정 된 픽셀 너비를 사용합니다. 유동적 레이아웃과는 정반대이기 때문에 일종의 바보입니다.
— Cerin 2013-10-03

답변:

134

  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 부분을 다시 추가하십시오.

— Bass Jobsen
소스
그것은 거대한 사업처럼 들립니다. 얼마나 걸리나요? 일주일 근무? 1 개월? 6 개월?
— Curt
문제는 BS2는, BS3과 역 호환되지 않습니다도 볼 수 있다는 것입니다 bassjobsen.weblogs.fm/...
— 베이스 Jobsen
1
추측해야한다면 업그레이드하는 데 몇 달이 걸릴 수 있습니다. 잔인하다.
— Curt
@Curt는 나에게 이메일을 보냅니다. 제가 도와 드릴까요?
— Bass Jobsen
이메일을 어떻게 보내나요? 트위터 핸들을 통해? 나는 v3를 조금 더 읽었고 주로 구형 전화에 대한 지원을 추가하는 것 같습니다. 그렇다면 v3가 필요하지 않다고 생각합니다.
— Curt
22

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

— 짐
소스
1
미래에서 인사드립니다! 다음은 Bootstrap 4 도구입니다. upgrade-bootstrap.bootply.com
— Zim
14

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

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

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

— Albanx
소스
8
나는 거의 불가능한 것에 동의하지 않습니다. 마이그레이션은 전적으로 가능하며 제공된 지침을 따르기 만하면됩니다. 링크는 커뮤니티 위키 게시물을 참조하십시오. 의미 론적 버전 번호에 따라 주요 업그레이드가 인터페이스 계약을 깨뜨릴 수 있습니다. 따라서 주 버전 번호는 이러한 중단 가능성을 올바르게 나타냅니다.
— Jafin
1
마이그레이션하기가 매우 어렵습니다. 나는 이것이 좋은 조언이라고 생각합니다. 불가능하지는 않지만 어렵습니다. 2. *의 이전 버전에서 다른 2. *로 업그레이드하는 것과는 다릅니다.
— d -_- b
.NET과 같은 패턴을 검색 / 교체 할 수 있다면 불가능하지 않으며 훨씬 쉽게 만들었습니다 span12.
— tadman 2013
3
내가 boostrap 기본 테마를 재정의하는 별도의 CSS와 코드에서도 가능한 모든 교체를 수행했는지 확인할 수 있지만 좋은 결과를 얻지 못했습니다. span12에 대해 생각하지 말고, 모든 span *, 모든 탐색, 테이블 등에 대해 생각하고, 부트 스트랩을 많이 사용하는 것에 대해 생각하십시오
— albanx
많은 웹 프레임 워크와 마찬가지로 부트 스트랩은 시맨틱 버전 관리를 따르 므로 2. *에서 3으로 변경되어 호환되지 않는 API 변경이 발생합니다.
— Jake Berger
0

많은 사용자 정의가 포함 된 많은 파일이있는 큰 응용 프로그램을 사용하는 경우 모든 단일 도구가 직면 한 대부분의 경우에 응답 할 수 없습니다.

먼저, https://pypi.python.org/pypi/b2tob3/0.4 를 시도해 보는 것이 좋습니다. 하지만 이것이 내 요구에 응답하지 않을 것입니다.이 버전을 포크하고 함께 마이그레이션 할 수 있도록 내 버전을 조정합니다. Bootstrap 2 to 3 및 Font Awesome 3 to 4 함께, b23tob3-v0.4 (원래 버전)에서 처리되지 않는 일부 케이스는 내 버전에서 처리하려고합니다.

여기에서 내 게시물을 읽으십시오. http://ask.osify.com/qa/589 github에서 내 업데이트 찾기 : https://github.com/metrey/b2tob3 컴파일 된 Windows 앱을 찾을 수도 있습니다. .

도구를 사용하기 전에 항상 파일을 백업하고 모든 것을 소스 제어에 커밋하십시오.

행운을 빕니다.

— Osify
소스
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.