This tool can do one of two things: = it can search for WET 3 classes in an html document and convert them to their WET 4 equivalents; or = the opposite - it can search for WET 4 classes and convert them to their WET 3 equivalents.
This tool is mainly for one-to-one replacements, and will not cover every change that should be made from WET 3 to WET 4. The remaining changes should be implemented manually.
| WET 3 value | WET 4 value |
|---|---|
| align-left | text-left |
| align-right | text-right |
| background-accent | bg-primary |
| background-highlight | bg-warning |
| border-all | brdr-tp brdr-lft brdr-bttm brdr-rght |
| border-bottom | brdr-bttm |
| border-left | brdr-lft |
| border-right | brdr-rght |
| border-top | brdr-tp |
| button button-accent | btn-primary |
| button button-alert | btn-danger |
| button button-attention | btn-warning |
| button button-confirm | btn-success |
| button button-dark | btn-info |
| button-disabled | disabled |
| button-group | btn-group |
| button button-info | btn-primary |
| button-large | btn-lg |
| button-none | btn-link |
| button-small | btn-sm |
| button-toolbar | btn-toolbar |
| button-xlarge | btn-lg |
| button | btn btn-default |
| menu-horizontal | list-inline |
| clearLeft | clearfix |
| clear-left | clearfix |
| clearRight | clearfix |
| clear-right | clearfix |
| clearboth | clearfix |
| clear | clearfix |
| color-accent | text-primary |
| color-attention | text-danger |
| color-medium | text-muted |
| display-block | show |
| equalize | wb-eqht |
| float-left | pull-left |
| float-right | pull-right |
| font-small | small |
| font-xlarge | lead |
| footnote-link | fn-lnk |
| footnote-return | fn-rtn |
| form-alert | has-error |
| form-attention | has-warning |
| form-checkbox form-label-inline | checkbox-inline |
| form-confirm | has-success |
| form-alert | has-error |
| form-attention | has-warning |
| form-confirm | has-success |
| form-label-inline | form-inline |
| form-text-inline | form-inline |
| indent-large | mrgn-lft-lg |
| indent-medium | mrgn-lft-md |
| indent-none | mrgn-lft-0 |
| indent-small | mrgn-lft-sm |
| indent-xlarge | mrgn-lft-xl |
| list-bullet-none | list-unstyled |
| list-lower-alpha | lst-lwr-alph |
| list-lower-roman | lst-lwr-rmn |
| list-numeric | lst-num |
| list-upper-alpha | lst-upr-alph |
| list-upper-roman | lst-upr-rmn |
| margin-bottom-large | mrgn-bttm-lg |
| margin-bottom-medium | mrgn-bttm-md |
| margin-bottom-none | mrgn-bttm-0 |
| margin-bottom-small | mrgn-bttm-sm |
| margin-bottom-xlarge | mrgn-bttm-xl |
| margin-left-large | mrgn-lft-lg |
| margin-left-medium | mrgn-lft-md |
| margin-left-none | mrgn-lft-0 |
| margin-left-small | mrgn-lft-sm |
| margin-left-xlarge | mrgn-lft-xl |
| margin-right-large | mrgn-rght-lg |
| margin-right-medium | mrgn-rght-md |
| margin-right-none | mrgn-rght-0 |
| margin-right-small | mrgn-rght-sm |
| margin-right-xlarge | mrgn-rght-xl |
| margin-top-large | mrgn-tp-lg |
| margin-top-medium | mrgn-tp-md |
| margin-top-none | mrgn-tp-0 |
| margin-top-small | mrgn-tp-sm |
| margin-top-xlarge | mrgn-tp-xl |
| opacity-10 | opct-10 |
| opacity-100 | opct-100 |
| opacity-20 | opct-20 |
| opacity-30 | opct-30 |
| opacity-40 | opct-40 |
| opacity-50 | opct-50 |
| opacity-60 | opct-60 |
| opacity-70 | opct-70 |
| opacity-80 | opct-80 |
| opacity-90 | opct-90 |
| print-none | hidden-print |
| uppercase | text-uppercase |
| wet-boew-footnotes | wb-fnote |
| wb-invisible | wb-inv |
| wrap-none | nowrap |
The user can select whether to apply the following replacements.
When converting from WET 3 to WET 4, the “align-center” class is replaced with “center-block” for the following tags:
Otherwise, it is replaced with “text-center”.
For example,
When converting from WET 4 to WET 3, both of the above WET 4 classes, “center-block” and “text-center”, are changed back to “align-center”.
The “span-#” WET 3 classes are changed to / from their “col-md-#” WET 4 equivalents:
| WET 3 value | WET 4 value |
|---|---|
| span-1 | col-md-2 |
| span-2 | col-md-4 |
| span-3 | col-md-6 |
| span-4 | col-md-8 |
| span-5 | col-md-10 |
| span-6 | col-md-12 |