Twitter bootstrap 如何在Ember中将一个简单的HTML主题与Google地图集成?
我有一些来自个人的代码,我已经将代码集成到了ember中,但它并没有按照我想要的和主题播放。例如,ember中的滚动条位于右侧,而不是左侧div 我有一个Brocfile.js文档:Twitter bootstrap 如何在Ember中将一个简单的HTML主题与Google地图集成?,twitter-bootstrap,ember.js,Twitter Bootstrap,Ember.js,我有一些来自个人的代码,我已经将代码集成到了ember中,但它并没有按照我想要的和主题播放。例如,ember中的滚动条位于右侧,而不是左侧div 我有一个Brocfile.js文档: /* global require, module */ var EmberApp = require('ember-cli/lib/broccoli/ember-app'); var app = new EmberApp(); // Use `app.import` to add additional li
/* 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();
我有index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>TestMap</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{content-for 'head'}}
<link rel="stylesheet" href="assets/vendor.css">
<link rel="stylesheet" href="assets/test-map.css">
{{content-for 'head-footer'}}
</head>
<body>
{{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'}}
</body>
</html>
测试图
{{head'的内容}
{{“页眉页脚”的内容}
{{body'的内容}
{{“正文页脚”的内容}
有什么建议吗?我还将为您附上一些屏幕截图:
Ember将应用程序包装在
div
中。这里的问题是,如果不使用不推荐的Ember.View
,我们就无法向该div添加类
目前,您可以通过使用正文上的直接子选择器来解决此问题:
body > div {
width: 100%;
height: 100%;
overflow: hidden;
}
这将删除右滚动条