Hi Olga,
"Grid system" is an HTML/CSS technique that achieves a column-based (table-like) layout without using HTML <table> elements.
"Grid" does not necessarily imply a "grid system". Often it is used to signify a table-based component that displays tabular data.
The Kendo UI Grid is by no means designed to be a "grid system". The Kendo UI library itself does not feature a grid system of its own, but you can use any other third-party library for that. Here is documentation about how to use Bootstrap and Kendo UI together:
http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap
Pay special attention to:
http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap#nest-widgets-and-bootstrap-grid-layout
The "grid system" on the ThemeBuilder page is pretty basic and represents the classic way to achieve column-based layouts via CSS floats. You can use a similar approach if it fits your requirements.
Regards,
Dimo
Telerik by Progress
"Grid system" is an HTML/CSS technique that achieves a column-based (table-like) layout without using HTML <table> elements.
"Grid" does not necessarily imply a "grid system". Often it is used to signify a table-based component that displays tabular data.
The Kendo UI Grid is by no means designed to be a "grid system". The Kendo UI library itself does not feature a grid system of its own, but you can use any other third-party library for that. Here is documentation about how to use Bootstrap and Kendo UI together:
http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap
Pay special attention to:
http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap#nest-widgets-and-bootstrap-grid-layout
The "grid system" on the ThemeBuilder page is pretty basic and represents the classic way to achieve column-based layouts via CSS floats. You can use a similar approach if it fits your requirements.
.column {
width
:
29%
;
padding
:
0
2%
;
margin
:
0
0
2em
;
float
:
left
;
}
#example:after {
content
:
""
;
display
:
block
;
clear
:
both
;
}
Regards,
Dimo
Telerik by Progress
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.