[JENKINS-61326] Replace 24-column Bootstrap 3 grid with 12-column Bootstrap 4 version

timja commented 4 years ago

Jenkins uses a very old and patched version of Bootstrap's Grid v3.1.1 (release from 2014). This JS library is automatically included in all jelly views that use the layout tag. This has several disadvantages:

The JS lib is 6 years old and outdated and is not compatible with other modern JS libraries (see layout hack in the bootstrap4 plugin to get BootStrap 4 working on plugins views like in the Warnings plugin).
The JS lib has been patched and does not use the default 12-column layout. However, a 12-column layout is expected by a lot of different JS libraries with a dependency to bootstrap. E.g. the data-tables columns will use only half of the screen due to the 24 column hack.

It would make sense to replace this version with the corresponding new version of Bootstrap 4 (btw: Bootstrap 5 is on its way). Note that this may break the layout in some plugins that already use the 24 columns.

Originally reported by drulli, imported from: Replace 24-column Bootstrap 3 grid with 12-column Bootstrap 4 version

assignee: drulli
status: Reopened
priority: Major
resolution: Unresolved
imported: 2022/01/10

timja commented 4 years ago

drulli:

I created https://github.com/jenkinsci/jenkins/pull/4693 as a workaround for plugins until a fix is available.

timja commented 4 years ago

drulli:

This issue is not fixed, we just have a workaround with https://github.com/jenkinsci/jenkins/pull/4693

timja commented 2 years ago

[Originally depends on: JENKINS-62094]

timja / jenkins-gh-issues-poc-06-18

[JENKINS-61326] Replace 24-column Bootstrap 3 grid with 12-column Bootstrap 4 version #4872