如何使用Twitter Bootstrap设置Meteor-Angular?

时间:2015-11-02 18:36:49

标签: angularjs twitter-bootstrap meteor

到目前为止,如何使用Twitter Bootstrap设置我的Meteor-Angular项目,我感到有点遗憾。

到目前为止,我有:

  1. 已安装Bower

    meteor add mquandalle:bower
    
  2. bower.json添加了依赖关系:

    {
      ...
      "dependencies": {
        "angular-bootstrap": "0.14.3"
      },
      ...
    }
    
  3. 在我的项目中添加了依赖性:

    angular.module('myApp', [..., 'ui.bootstrap']);
    
  4. 在public / main.css中添加了以下指令(推荐here):

    .nav, .pagination, .carousel, .panel-title a { cursor: pointer; }
    
  5. 从我的应用程序中的UI-Bootstrap project site设置工具提示示例

  6. 当我运行我的应用程序时,我看到包含以下内容:

    <script type="text/javascript" src="/packages/bower/angular-bootstrap/ui-bootstrap-tpls.js?bdad9e18333da6ba34b675927f4b74cb53651baf"></script>
    

    但是,似乎没有样式资源(即CSS文件和资源)可用,因为我确实看到了内容的预期动态,但没有预期的格式。

    我错过了哪些步骤?

    有哪些其他方法可以在Meteor / Angular中设置Bootstrap?

    NB: 我试图遵循建议in here

1 个答案:

答案 0 :(得分:0)

通过运行

添加twbs:bootstrap
 meteor add twbs:bootstrap

似乎解决了这个问题。

如果有人可以确认这是预期的方法,或者我是否以这种方式复制了部分Bootstrap,那仍然是受欢迎的。