@@ -57,21 +57,20 @@ should occupy. Typically, all visible components are mapped on the available spa
5757In a Jenkins view we have a fixed header and footer and a navigation bar on the left
5858(20 percent of the horizontal space). The rest of a screen can be used by
5959a details view. In order to simplify the distribution of elements in that remaining space we use
60- https://getbootstrap.com/docs/4.4 /layout/grid/[Bootstrap's grid system].
60+ https://getbootstrap.com/docs/5.1 /layout/grid/[Bootstrap's grid system].
6161
6262.Jenkins layout with a details view that contains a grid system
6363[#img-grid]
6464image::grid.png[Grid layout in Jenkins]
6565
6666That means, a view is split into 12 columns and and arbitrary number of rows. This grid system is simple to use
6767(but complex enough to also support fancy screen layouts) - I won't go into
68- details here, please refer to the https://getbootstrap.com/docs/4.4 /layout/grid/[Bootstrap documentation]
68+ details here, please refer to the https://getbootstrap.com/docs/5.1 /layout/grid/[Bootstrap documentation]
6969for details.
7070
7171For the forensics detail view we use a simple grid of two rows and two columns. Since the number of columns always is 12
72- we need to create two "fat" columns that fill 6 of the standard columns.
73- In order to create such a view in our
74- plugin we need to create a view given as a jelly file and a corresponding Java view model object. A view with this layout
72+ we need to create two "fat" columns that fill 6 of the standard columns. In order to create such a view in our plugin we
73+ need to create a view given as a jelly file and a corresponding Java view model object. A view with this layout
7574is shown in the following snippet:
7675
7776[source,xml,linenums]
@@ -152,7 +151,7 @@ to get a consistent look and feel in Jenkins' plugin ecosystem.
152151[#img-card]
153152image::card.png[Card examples]
154153
155- Note that the size of the cards is determined by the grid configuration, see <<boostrap-grid >>.
154+ Note that the size of the cards is determined by the grid configuration, see section <<Grid layout >>.
156155
157156You can find several examples of Jenkins views that use jQuery in the
158157https://github.com/jenkinsci/warnings-ng-plugin[Warnings Next Generation plugin]
0 commit comments