Edit in JSFiddle

/*
 * F2 Docs 
 * http://docs.openf2.org
 *
 * Container Development: App Render
 *
 */
var _appConfig = {
    appId: 'com_openf2_examples_javascript_helloworld',
    manifestUrl: 'http://docs.openf2.org/demos/apps/JavaScript/HelloWorld/manifest.js'
};

$(function(){
    var _token = F2.AppHandlers.getToken();
    F2.init();
    F2.AppHandlers.on(
        _token, 
        F2.Constants.AppHandlers.APP_RENDER, 
        document.getElementById('my_sidebar')
    );
    F2.registerApps(_appConfig);
});
<div id="my_sidebar"></div>
/** Boostrap CSS is an external reference */
body {
    margin: 20px;
}

.com_openf2_examples_javascript_helloworld p {
    font-weight: bold;
    font-size: 30px;
}

External resources loaded into this fiddle: