Because several TACC projects load Bootstrap (internal document).
- independent of Bootstrap
(to the best of its authors' knowledge and efforts) - alters some Bootstrap styles
(to look like Core Styles) - replaces some Bootstrap classes
(to deprecate use of Boostrap)
Because external projects, that request TACC assistance, often use Bootstrap.
Core-Styles v3 will support Bootstrap differently, but will retain existing compatibility.
Any support is for Bootstrap v4 unless otherwise noted.
regular CSS replaces | Bootstrap |
---|---|
Grid (on Core Portal)* | Grid |
elements & generics | Reboot |
write styles instead | Utilities |
Core Styles replaces | Bootstrap |
---|---|
Message | Alerts |
Admonition (on TACC Docs)† | Alerts |
Form | Forms |
Input Wrapper | Input Groups |
Button | Buttons |
Card | Cards |
Page | Pagination |
Tag | Badges |
Core Styles extends | Bootstrap |
---|---|
Row | Grid: Row |
Core Styles changes | Bootstrap |
---|---|
Container | Grid: Container |
Breadcrumb | Breadcrumb (v3) |
Modal | Modal |
Nav Tabs | Navs: Tabs |
Pagination | Pagination |
Where Core Styles yields to | Bootstrap |
---|---|
Modal | Modal |
Grid (on Core CMS)* | Grid |
* On Core Portal, use regular CSS Grid, because it is more flexible. On Core CMS, use Bootstrap Grid, because we use a Django CMS Bootstrap plugin.
† On TACC Docs and Admonitions plugin is available. Core Styles redesigns them to extend its own "Messages" design.