The responsiveness of a layout is based on style classes. For controls and containers the major responsive style classes are applied automatically, which defines the basic functionality for this control/container in a responsive way.

The responsive sizing of rows and columns in a page is also based on style classes. The basis for this is the grid system of Bootstrap. This system allows up to 12 columns across the page. You can specify different dimensions for your rows and columns depending on the devices. This means: Instead of directly applying pixel or percentage width to your controls, you specify style classes defining the number of columns this control is supposed to occupy on a device.

You can add your own additional style classes or style classes supported by the Bootstrap framework to the controls to customize the rendering. The Bootstrap framework contains a variety of ready-to-use classes. For controls and containers, the Layout Painter will offer you the most frequently used classes for this specific control/container.

The best way to get started is by using the Natural Ajax Demos with a large set of simple samples.