Integrate a simple html theme with google map in ember

I have this code from her http://www.bootply.com/t2GMqsjvRn and i have integrated into ember but it’s not playing as i want and as the theme plays. And i mean the scrollbar in ember is the right side and not on the left div as the example.

I have this Brocfile.js

/* global require, module */

var EmberApp = require(‘ember-cli/lib/broccoli/ember-app’);

var app = new EmberApp();

// Use app.import to add additional libraries to the generated // output files. // // If you need to use different assets in different // environments, specify an object as the first parameter. That // object’s keys should be the environment name and the values // should be the asset to use in that environment. // // If the library that you are including contains AMD or ES6 // modules that you would like to import into your application // please specify an object with the list of modules as keys // along with the exports of each module as its value.

app.import(‘vendor/css/bootstrap.min.css’); app.import(‘vendor/css/styles.css’); app.import(‘vendor/js/bootstrap.min.js’); app.import(‘vendor/js/scripts.js’);

module.exports = app.toTree();

and index.html

TestMap
{{content-for 'head'}}

<link rel="stylesheet" href="assets/vendor.css">
<link rel="stylesheet" href="assets/test-map.css">

{{content-for 'head-footer'}}
{{content-for 'body'}}
<script src="assets/vendor.js"></script>
<script src="assets/test-map.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&extension=.js&output=embed"></script>

{{content-for 'body-footer'}}

Any suggestions about this? i attach you also the screeshots.