Load pages between navbars

76
June 29, 2018, at 4:50 PM

I have a header navbar, footer navbar & a slidebar created using slidebars.js.The basic structure is somewhat like this:

<div canvas="container">
<!-- Header -->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
</nav>
<!-- Sidebar -->
<div off-canvas="id-1 left overlay">
</div>
<!-- Footer -->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-bottom">
</nav>
</div>

So the question is how to load pages between these 2 fixed navbars.I've never worked with canvas before but slidebar.js requires it.When I open a simple div inside the main div, jquery doesnt load html pages inside it.

READ ALSO
Are font icon files loaded immediately, at once? (@font-face) (eot, svg, ttf, woff)

Are font icon files loaded immediately, at once? (@font-face) (eot, svg, ttf, woff)

For example, let's say that I'm using Font Awesome or something similarI have copied fonts directory with the following files:

86
CSS Font-size to maintain same word width

CSS Font-size to maintain same word width

I'm trying to get the words "Hello", "Projects", "Social" and "Contact" to responsively adjust their font-size so that the words are all the same width rather than having to go in pixel by pixel

93
How to keep equal heights with flex grow on non-empty elements

How to keep equal heights with flex grow on non-empty elements

I'm using React Native's flexbox to layout some Views in a grid-like pattern, like below:

96
JSF Material Design Lite

JSF Material Design Lite

I just tried setting up a simple little example jsf application using material design liteThe xhtml page I created uses parts of one of their basic templates, in this case from mdl-template-dashboard:

177