Handlebars/Bootstrap issue


#1

Sorry for the very basic question, but I’m a little lost… I’m using this Bootstrap template to build a little Ember app: http://getbootstrap.com/examples/theme/

I eliminated anything not useful to me, so I only have the central div with class “jumbotron”. Anything works fine if I don’t use handlebars to “create” that div. That is: if the div is hardcoded, the page loads ok. But if I put even basic content this way:

<script type="text/x-handlebars" id="page2">
   <div class='jumbotron'>
      Page 2
   </div>
</script> 

and then I click a link (link-to) to make it visible, the content of this div dramatically changes and it doesn’t respect the CSS rules (it stretches the grey area and reaches the borders of the browser, for example).

What am I doing wrong?

[SOLVED]

Always look at the generated code :slight_smile: I noticed the outlet div was not positioned inside its HTML container: that is, the ember-view created by Handlebars was attached outside of the div containing the jumbotron div. So, I simply moved the outer div under the handlebars “umbrella” and anything just worked fine. Thanks for reading! :slight_smile: