refactor(v3): mimic actual Bootstrap 4 component organization

[wesleyboar]

Overview / Changes

Moved Bootstrap 4 patterns:

• into Layout
  • into Grid
    • move Container
    • move Row
    • move Col
• into Content
  • move Figure as Figures
• into Components
  • into Navs
    • move Nav-Tabs as Tabs
  • move Modal
  • move Form as Forms
  • move Pagination

Testing

1. Open all the moved patterns…

   • Layout
     • Grid
       • Container
         • http://localhost:3000/components/detail/container--default
         • http://localhost:3000/components/detail/container--tacc
       • Row
         • http://localhost:3000/components/detail/row--default
         • http://localhost:3000/components/detail/row--tacc
       • Col
         • http://localhost:3000/components/detail/col--default
         • http://localhost:3000/components/detail/col--tacc
   • Content
     • Figures
       • http://localhost:3000/components/detail/figure--default
   • Components
     • Form
       • http://localhost:3000/components/detail/form--default
       • http://localhost:3000/components/detail/form--tacc-portal
       • http://localhost:3000/components/detail/form--tacc-cms
     • Modal
       • http://localhost:3000/components/detail/modal--default
       • http://localhost:3000/components/detail/modal--tacc-portal
       • http://localhost:3000/components/detail/modal--tacc-cms
     • Nav
       • Tabs
         • http://localhost:3000/components/detail/nav-tabs--default
         • http://localhost:3000/components/detail/nav-tabs--tacc
     • Pagination
       • http://localhost:3000/components/detail/pagination--default
       • http://localhost:3000/components/detail/pagination--tacc

2. Verify styles are as they were.

3. Verify organization mirrors Bootstrap 4's.

UI

Note

I skipped screenshots/video of each pattern, but they work. Bootstrap looks like Bootstrap; TACC looks like TACC; CMS, like CMS; Portal, like Portal.

Bootstrap 4	Layout	Content	Components