Updating Bootstrap to version 3 - what do I have to do? -
i'm new bootstrap , have older version 2.3.2.
version 3 has been released. replace css , javascript files if want use latest version?
download latest version http://getbootstrap.com/ or replace css , js files newest versions or use cdn (http://www.bootstrapcdn.com/)
migrate html, yes indeed read http://bootply.com/bootstrap-3-migration-guide. try http://twitterbootstrapmigrator.w3masters.nl/ or http://code.divshot.com/bootstrap3_upgrader/ (provide checklist too)
remove html5shiv cause tb drops support ie7 , firefox 3.xadd html5shiv.js add support of html5 elements ie8add respond.js (https://github.com/scottjehl/respond) media query support in ie. note won't work cdn, see: ie8 issue twitter bootstrap 3
if use glyphicons, have add them http://glyphicons.getbootstrap.com/ ( icons have been moved separate repository.)glyphicons since rc2 (180 glyphs in font format glyphicon halflings set)if use javascript typeahead component, have integrate https://github.com/twitter/typeahead.js/ (cause typeahead javascript dropped) see also: typeahead problems bootstrap 3.0 rc1 or use "old" plugin: https://github.com/bassjobsen/bootstrap-3-typeahead, see also: https://stackoverflow.com/questions/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473
switch latest version of jquery 1.x (don't use 2.x version cause jquery 2.x don't support ie8)
if use third party widgets adds or insert html code (like addthis.com, sharethis.com , google maps), create wrapper box-sizing, see: right border of addthis counter missing twitter's bootstrap 3
other:
bootstrap 3 switch box-sizing: border-box why?: https://stackoverflow.com/a/18858771/1596547
note support ie7 has been dropped. https://github.com/coliff/bootstrap-ie7 try add css part use of conditional css.
Comments
Post a Comment