So we're using a plugin for our framework that uses components to act as wrappers for Bootstrap. Cool.

So, if I do (what ensues is pseudocode/pseudo-markup)

{{NavBar}} // from bootstrap plugin
{{Nav.BarItem}}
<!-- some HTML --!>
{{/NavBar.Item}}
{{/NavBar}}

you get a navbar with convenient bootstrapped styling, nice.

BUT, for some GODFORSAKEN reason, if I turn <!-- some HTML --!> into a component:

{{NavBar}}
{{NavBar.Item}}
{{MyComponent /}}
{{/NavBar.Item}}
{{/NavBar}}

it doesn't work???????? But I need to write this component because the senior dev wants to reuse the code I'm using in other places too? SO I NEED TO HAND-CODE THE BOOTSTRAP CSS ENTIRELY MYSELF??????????????????????????????????