Twitter bootstrap Dart聚合物模板中的Twitter引导样式

Twitter bootstrap Dart聚合物模板中的Twitter引导样式,twitter-bootstrap,dart,polymer,Twitter Bootstrap,Dart,Polymer,使用polymer.dart,如何确保消费页面中引用的样式在模板中仍然可用 我有一个消费页面或主页,因此: ... 和模板,因此: .... 并且在呈现页面时,a-pony元素中的样式不正确 我已经看过演示内容并阅读了,但这些都是特定于模板内声明的样式的,并且不包括样式为外部样式的情况。您需要设置apply author样式,以便告诉组件使用页面CSS: 尝试在代码中添加应用作者样式: import 'package:polymer/polymer.dart'; @CustomTag(

使用polymer.dart,如何确保消费页面中引用的样式在模板中仍然可用

我有一个消费页面或主页,因此:


...
和模板,因此:


....
并且在呈现页面时,
a-pony
元素中的
样式不正确


我已经看过演示内容并阅读了,但这些都是特定于模板内声明的样式的,并且不包括样式为外部样式的情况。

您需要设置apply author样式,以便告诉组件使用页面CSS:


尝试在代码中添加应用作者样式:

import 'package:polymer/polymer.dart';

@CustomTag("a-pony")
class APony extends PolymerElement {
  void created(){
    super.created();
    var root = getShadowRoot("a-pony");
    root.applyAuthorStyles = true;
  }
}

因此,我在问题中没有提到的关键信息是,我试图应用的样式是在Twitter引导中,特别是引导css文件是通过cdn加载的

这项决议是艾伦的答案和答案的结合。我必须将引导文件引入本地副本,而不是从cdn中引入,并通过代码(按照Alan的代码)而不是通过标记加载作者样式

编辑


赛斯·拉德(Seth Ladd)在他的Github回购协议中添加了一些特定于bootstrap的内容,赛斯为此欢呼。

嗨,谢谢你的建议,但这样做没有效果;我得到了和以前一样的结果。谢谢,但还是不行。一定是我做错了什么。检查你的css定义。当css定义涉及跨越DOM和影子DOM的子类时,我遇到了问题。