A wrapper is a style that allows to group child elements. Wrappers can have a visual component or can be invisible. Visible wrapper are useful to provide some structure in a document while invisible wrappers serve merely as a grouping option . The latter can be useful in combination with CSS classes. The following wrappers are available:
alert is visible wrapper that draws a solid, coloured box around its content. The text colour of the content is changed according to the type of alert.card is a versatile visible wrapper that draws a fine border around its content. A card can also have a title and can be made collapsible.conditionalContainer is a invisible wrapper which has a condition attached. The content of the wrapper is only displayed if the condition is true.container is an invisible wrapper.div allows to wrap its children in a simple <div> tag. This allows to create more complex layouts with the help of bootstrap classes.jumbotron is a visible wrapper that wraps its content in a grey box with large spacing.navigationContainer is an invisible wrapper and is used specifically for navigation pages.quiz is a predefined assembly of tabs, intended to ask a question and provide a right and wrong answer tab.tabs is a visible wrapper that allows to group content into tabs and only show one tab at a time. It requires tab styles as its immediate children. Each tab then accepts children which represent the content of each tab.