css - How To add a Navbar section to an ASP MVC site? -

css - How To add a Navbar section to an ASP MVC site? -

i trying generate next view:

+----------------------------------+ |/////| | |/////| | |/////| | |/////| | |/////| content | |/////| | |/////| | |/////| | |/////| | |/////| | +-----+----------------------------+ ^ | space reserved navbar

i have been using devexpress' splitter in past:

settings.name = "contentsplitter"; settings.width = system.web.ui.webcontrols.unit.percentage(100); settings.height = system.web.ui.webcontrols.unit.percentage(100); settings.styles.pane.paddings.padding = system.web.ui.webcontrols.unit.pixel(0); settings.styles.pane.border.borderwidth = system.web.ui.webcontrols.unit.pixel(0); settings.panes.add(subpane => { subpane.name = "contentleft"; subpane.panestyle.cssclass = "leftpane"; subpane.showcollapsebackwardbutton = defaultboolean.false; subpane.size = system.web.ui.webcontrols.unit.pixel(250); subpane.panestyle.paddings.padding = system.web.ui.webcontrols.unit.pixel(1); subpane.setcontent(() => { html.renderpartial("contentleftpartialview"); }); }); settings.panes.add(subpane => { subpane.name = "contentcenter"; subpane.panestyle.cssclass = "contentpane"; subpane.scrollbars = system.web.ui.webcontrols.scrollbars.auto; subpane.separator.visible = defaultboolean.true; subpane.separator.separatorstyle.border.borderwidth = system.web.ui.webcontrols.unit.pixel(1); subpane.separator.separatorstyle.bordertop.borderwidth = system.web.ui.webcontrols.unit.pixel(0); subpane.setcontent(renderbody().tohtmlstring()); }); }).gethtml()

but trying generate navbar partial view, meaning can made/kept on every page.

however, can't seem find way of having content fill rest of view/page?

how should defining layout (using mainlayout/viewstart etc) reserves part of screen?

since wish move away devexpress, how can accomplish 'reserved' part of screen?

cheers help (and listening blabbering of me trying explain)

/******************************************************************************************************/

to explain/clarify further, trying start 'new', 'blank' project designated navbar space left hand side (the default mvc project not default) , trying generate manually (using partial views, etc). do not want utilize 3rd party plugins (i.e. dev express above).

so how can 'reserve' navbar space on screen/split screen sections above?

css asp.net-mvc