使用模板主干中的require加载bootstrap.css？

我的主要JS有以下代码-

/*global require*/
'use strict';

require.config({
    shim: {
        backbone:{
            deps:[
                  'underscore',
                  'jquery'
            ],
            exports: 'Backbone'
        },
        bootstrap:{deps:['jquery']},
    },
    paths: {
        jquery: '../bower_components/jquery/dist/jquery',
        backbone: '../bower_components/backbone/backbone',
        underscore: '../bower_components/underscore/underscore',
        bootstrap: '../bower_components/bootstrap/dist/js/bootstrap',
        text:'../bower_components/requirejs-text/text',
        router: 'routes/router'
    }
});

require([
    'jquery',
    'underscore',
    'backbone',
    'bootstrap',
    'router'
    //'text!bootstrapCSS'
], function ($, _, Backbone, undefined, mainRouter) {
    var router = new mainRouter();
    Backbone.history.start();
});

并且view.home.js有以下代码

define(
    [
        'jquery', 
        'underscore', 
        'backbone', 
        'bootstrap',
        'text!templates/header.html',
        'text!/bower_components/bootstrap/dist/css/bootstrap.css'
     ], 
    function($, _, Backbone, undefined, header, bootstrapCSS){

        var HomeView = Backbone.View.extend({

            el: '.header-container',

            headerTemplate: _.template(header),

            initialize: function(){
                console.log("in view-home initialize")
                this.render();
            },

            render: function(){
                console.log("render header");
                this.$el.html(this.headerTemplate());
                console.log("render header complete i guess");
            },

            events: {},
          });

        return HomeView;
})

上面的代码用于在主html中呈现header.html。header.html使用引导类进行设计，主要是bootstrap.css。加载页面成功加载所有内容，包括所有库，但视图没有所需的显示-即，它似乎没有引导。我正在做的事情是否有问题，我加载的html不显示bootstrap，我如何通过主干中的require.js在header.html中包含bootstrap.css。 请帮忙