Layout
HtmlForgeX uses the Tabler UI kit for layout, providing a professional admin-style page structure.
Page Structure
Every HtmlForgeX document starts with a Page that provides the Tabler layout shell:
doc.Body.Page(page => {
// Content goes here
});Grid System
The grid system uses 12-column rows:
page.Row(row => {
row.Column(TablerColumnNumber.Six, col => {
col.Text("50% width");
});
row.Column(TablerColumnNumber.Six, col => {
col.Text("50% width");
});
});Next Steps
- Containers — Fluid and fixed containers
- Grid System — Rows, columns, and responsive layout
- Page Structure — Headers, footers, sidebars