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?

  1. download latest version http://getbootstrap.com/ or replace css , js files newest versions or use cdn (http://www.bootstrapcdn.com/)

  2. 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)

  3. remove html5shiv cause tb drops support ie7 , firefox 3.x add html5shiv.js add support of html5 elements ie8

  4. add respond.js (https://github.com/scottjehl/respond) media query support in ie. note won't work cdn, see: ie8 issue twitter bootstrap 3

  5. 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)

  6. 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

  7. switch latest version of jquery 1.x (don't use 2.x version cause jquery 2.x don't support ie8)

  8. 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

Popular posts from this blog

c++ - Creating new partition disk winapi -

Android Prevent Bluetooth Pairing Dialog -

VBA function to include CDATA -