Bootstrap Compatibility

Core Styles v2

Because several TACC projects load Bootstrap (internal document).

independent of Bootstrap
alters some Bootstrap styles
replaces some Bootstrap classes

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.

Where ad-hoc CSS replaces Bootstrap	Bootstrap
Grid (on Core Portal)*	Grid
elements & generics	Reboot
ad-hoc clases & styles	Utilities

Core Styles that replace Bootstrap	Bootstrap
Message	Alerts
Admonition (on TACC Docs)†	Alerts
Form	Forms
Input Wrapper	Input Groups
Button	Buttons
Card	Cards
Page	Pagination
Tag	Badges

Core Styles that extend Bootstrap	Bootstrap
Row	Grid: Row

Core Styles that change Bootstrap	Bootstrap
Buttons	Buttons (v5)
Colors	Colors (v5)
Container	Grid: Container
Breadcrumb	Breadcrumb (v3)
Modal	Modal
Nav Tabs	Navs: Tabs
Pagination	Pagination

Where Core Styles yields to Bootstrap	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.}