Feature request: Bootstrap v4 compatibility
Reported by dleffler | September 10th, 2015 @ 08:36 PM | in 2.5.0 (closed)
We'll need to adjust some 'output' to become Twitter Bootstrap v4 compatible (unless the bs4 betas/rcs correct this behavior). At the very least:
- add 'nav-item' class to menu items and tabs
- add 'nav-link' class to menu item links and tab links
Likely we'll find more items that require some changes
Comments and changes to this ticket
-
dleffler September 18th, 2015 @ 05:31 PM
- Unit sizes are now xs, sm, md, lg, xl (new)
- Main components now only allow medium (default), lg (.btn-lg), or sm (.btn-sm) (no longer recognizes xs)
- buttons must now be assigned a button type...a generic .btn will NOT have an outline and MUST be assigned as .btn-secondary
-
dleffler September 18th, 2015 @ 07:02 PM
- Also moves sizes from px's to em's
- Recent push updated code to new button sizes in prep for bs4
-
-
-
dleffler January 25th, 2016 @ 11:52 PM
- Milestone cleared.
-
-
dleffler April 9th, 2016 @ 01:38 AM
Also note:
- yamm stylesheet tends to mess with proper formatting
- 'dropdown-item' needed to make dropdown items stack vertically
- must select a navbar color style
- must change toggle character(s) to display along with some other toggle markup
-
-
dleffler August 18th, 2017 @ 01:10 PM
Bootstrap 4 Beta is out (function/feature lockdown?)...won't compile with scssphp at present. We've included an older version of scssphp since the newer versions don't handle super-classing well (e.g., the newui skin)
-
dleffler October 24th, 2017 @ 01:01 AM
- Assigned user set to “dleffler”
- Milestone set to “2.5.0”
Bootstrap v4beta2 is out. I now have a hack which allows compiling it (actually only newui.css fails to compile without the hack). (re)Beginning work with integrating the 'bootstrap4' theme framework since many of the new classes are not backwards compatible with bs3.
-
expNinja October 25th, 2017 @ 12:11 AM
(from [cee2b1c9350e00ed04716911b11e2b9f1c57257e]) update scssphp to v0.7.1 with newui/bootstrap hacks [#1332] [#1313] https://github.com/exponentcms/exponent-cms/commit/cee2b1c9350e00ed...
-
dleffler October 28th, 2017 @ 07:21 PM
I have an initial hack at a bootstrap 4 theme with the slingbar, menu/navbar, and chrome working well. Still have a bit of work, esp. with forms and replacing grid sizes.
Several other quirks, I've tripped across:
- tabs initial state 'in' must be changed to 'show' - tabs active tab 'active' class must be with 'a' tag not with 'li' tag - new grid tier where no annotation replaces xs and all the others are bumped up -
dleffler December 7th, 2017 @ 10:48 PM
Now that Fontawesome v5 is out (with some breaking changes), we'll 'tie' it to bs4 and leave Fontawesome v4 'tied' to bs3.
-
dleffler December 23rd, 2017 @ 04:18 PM
will attempt to 'ship' an optional package for a pre-release view of the bootstrap 4 theme along with the v2.4.2 release. It will still lack a few tweaks, but should be usable.
-
-
dleffler April 9th, 2018 @ 04:29 PM
Bootstrap v4 stable is out, and we have been making an addon available currently in a beta 5 version to coincide with Exponent v2.4.2patch5.
-
Please Sign in or create a free account to add a new ticket.
With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.
Create new ticket
Create your profile
Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป
Bug Tracker for Exponent CMS
dleffler
expNinja
Referenced by
-
1332
Upgrade: scssphp v0.7.1+ vs 0.3.1
(from [cee2b1c9350e00ed04716911b11e2b9f1c57257e])
update ...