Bootstrap Compatibility

Core Styles v2

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)}

Core Styles v3

Because external projects, that request TACC assistance, often use Bootstrap.

Core-Styles v3 will support Bootstrap differently, but will retain existing compatibility.

Support

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