Bootstrap CSS with IBM BPM Coaches
Many of us are aware of what bootstrap is and how that can
help in creating a responsive UI that will adjust the UI layout based on the
device in which the screen is opened. In this post let us look at how to build
a near responsive UI with stock coach components using bootstrap. The idea is
to exploit the bootstrap’s concept of dividing the screen in to twelve columns
to adjust the layout automatically based on the screen resolution.
Before going further, the first thing that needs to be done
is download the bootstrap CSS and import that as a managed web file in to your
toolkit / process app.
Now we will have to create several containers such as rows
/columns that uses the bootstrap CSS as shown below. These columns are key to
the responsiveness of the UI when the screen/browser resolution is changed.