Responsive Kendo UI

Kendo UI ResponsivePanel

The menus above and below are wrapped in two instances of a ResponsivePanel. Resize the browser window under the 768px breakpoint and see how a toggle icon (hamburger) appears and the menus transform into dropdowns.

See this page on a mobile device too:

How it works

The concept of responsive design suggests that the layout of the project needs to adapt to the media that renders it. Media queries are one of the cornerstones of Responsive Web Design. By adding some filter criteria around CSS definitions, we can control under which conditions rules are applied to the widgets.

Read Documentation

Using Twitter Bootstrap?

See Kendo UI ♥ Bootstrap Demo