web app not showing the same as in the course?

[Luis-Palacios]

Hello i am following the course on pluralsight and when i got to HTML injection part when you take a look at the app to make sure everything is working, mine is not showing the same it looks like this

when i resize the windows:

to make sure i didnt break anything i cloned the repo again and did npm install , bower install and npm start and got the same result.

all the console shows is

Info: Primed the app data undefined angular.js:11655 Success: Gulp Patterns Demo loaded! null angular.js:11655 Info: Activated Dashboard undefined

but no errors, am missing something?

I am on windows 8.1

[Luis-Palacios]

ok i think i figured out by continuing the tutorial at the end of module html injection once i inserted the custom css via the gulp task the application started to work i notice the line where the custom css is: link rel="stylesheet" href=".tmp/styles.css" but once injected is : link rel="stylesheet" href="/.tmp/styles.css"/ notice the '/ the beginning'

[ghost]

I don't have the same problem, windows 7. The only thing I have, was that bootstrap has changed their main files (v3.3.5), so no css file is injected at all. You can override that in your bower.json file. Use bootstrap v3.3.4 if you don't want to override it ini your bower.json file.

[tboyce]

Run bower install bootstrap#3.3.4 --save to make the app use the bootstrap 3.3.4 package. That version included the bootstrap.css in the main section of the bower.json file and the latest version (3.3.5) no longer does. I am not sure how to get this working with the latest package, still learning gulp.

[pkvpraveen]

or you may add

  "overrides": {
        "bootstrap": {
            "main": [
                "dist/js/bootstrap.js",
                "dist/css/bootstrap.css",
                "less/bootstrap.less"
            ]
        }
    },

to your bower.json file

[tamilsweet]

thanks @tboyce & @pkvpraveen for the fix :+1:

[Luis-Palacios]

Now that i've learned more about bower and wiredep , i know that both solutions from @tboyce & @pkvpraveen works, the problem was indeed as @annabellor and @tboyce mention about my boostsrap version no longer including the main files in the bower configuration