This repository has been archived by the owner. It is now read-only.

Problem getting bootstrap.css to be included using wiredep #1116

Closed
mounte opened this Issue Jun 17, 2015 · 52 comments

Comments

Projects
None yet
@mounte

mounte commented Jun 17, 2015

When I create a project using:
yo angular
no to compass, yes to bootstrap.
running on ubuntu server 14.04
Everything runs through smooth. I can start up the server with grunt serve but I am presented an unstyled page like this:
image

The header of html looks like:

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css(.) styles/vendor.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.tmp) styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->

So, no link rel to the bootstrap main css. When I run the grunt build I dont get anything either.
The output of grunt wiredep --verbose --debug is:

Running "wiredep:app" (wiredep) task
[D] Task source: /home/danielw/aapp/node_modules/grunt-wiredep/tasks/wiredep.js
Verifying property wiredep.app exists in config...OK
Files: app/index.html
Verifying property wiredep.app.src exists in config...OK
Options: src=["app/index.html"], ignorePath={}

In the same machine if I start using the webapp generator everything works as expected.
Any idea why it is like this?

@ghost

This comment has been minimized.

Show comment
Hide comment
@ghost

ghost Jun 17, 2015

I'm having the same issue under windows

ghost commented Jun 17, 2015

I'm having the same issue under windows

@strongwray

This comment has been minimized.

Show comment
Hide comment
@strongwray

strongwray Jun 17, 2015

me too,how to deal with this problem? before i used it's ok.

me too,how to deal with this problem? before i used it's ok.

@RipCurrent

This comment has been minimized.

Show comment
Hide comment
@RipCurrent

RipCurrent Jun 17, 2015

ditto! but found this a great way of getting to understand yeoman :)

ditto! but found this a great way of getting to understand yeoman :)

@joaopedropannain

This comment has been minimized.

Show comment
Hide comment
@joaopedropannain

joaopedropannain Jun 17, 2015

It's something wrong with bower.

I put the bootstrap.css on bower components, but grunt remove after few seconds:

 < ! -- bower:css -- >
 < link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" / >

I don't know about bower to correct the script, but create a another css before bower:css

 < ! -- build:css(.tmp) styles/manualvendor.css -- >
    < link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" / >
    < ! -- endbuild -- >

It's something wrong with bower.

I put the bootstrap.css on bower components, but grunt remove after few seconds:

 < ! -- bower:css -- >
 < link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" / >

I don't know about bower to correct the script, but create a another css before bower:css

 < ! -- build:css(.tmp) styles/manualvendor.css -- >
    < link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" / >
    < ! -- endbuild -- >
@hpieroni

This comment has been minimized.

Show comment
Hide comment
@hpieroni

hpieroni Jun 18, 2015

I'm having the same problem.

I'm having the same problem.

@masakura

This comment has been minimized.

Show comment
Hide comment

Me too.

@nivek91

This comment has been minimized.

Show comment
Hide comment
@nivek91

nivek91 Jun 18, 2015

+1 same problem, apparently they removed css from bower.json

"main": [
"less/bootstrap.less",
"dist/js/bootstrap.js"
],

nivek91 commented Jun 18, 2015

+1 same problem, apparently they removed css from bower.json

"main": [
"less/bootstrap.less",
"dist/js/bootstrap.js"
],

@dspice

This comment has been minimized.

Show comment
Hide comment
@dspice

dspice Jun 18, 2015

Some temp fixes and causes listed here:
twbs/bootstrap#16663

Some Bootstrap bower.json changes broke wiredep insertions.

dspice commented Jun 18, 2015

Some temp fixes and causes listed here:
twbs/bootstrap#16663

Some Bootstrap bower.json changes broke wiredep insertions.

@cvrebert

This comment has been minimized.

Show comment
Hide comment

louisa-bielig added a commit to louisa-bielig/mytodo that referenced this issue Jun 18, 2015

@47ronin

This comment has been minimized.

Show comment
Hide comment
@47ronin

47ronin Jun 18, 2015

Bootstrap v3.3.5 will break and delete the bootstrap.css include. Downgrading to v3.3.4 as a dependency will fix this! I tore my hair out trying to figure out the issue!

47ronin commented Jun 18, 2015

Bootstrap v3.3.5 will break and delete the bootstrap.css include. Downgrading to v3.3.4 as a dependency will fix this! I tore my hair out trying to figure out the issue!

@dovy

This comment has been minimized.

Show comment
Hide comment
@dovy

dovy Jun 22, 2015

Boostrap 3.3.5 is replaced with Boostrap 3.0.0 for me...

dovy commented Jun 22, 2015

Boostrap 3.3.5 is replaced with Boostrap 3.0.0 for me...

@Frondor

This comment has been minimized.

Show comment
Hide comment
@eddiemonge

This comment has been minimized.

Show comment
Hide comment
@eddiemonge

eddiemonge Jun 24, 2015

Member

Uh well this is interesting. Setting the version of Bootstrap to 3.3.4 for now. @stephenplusplus @sindresorhus ideas?

Member

eddiemonge commented Jun 24, 2015

Uh well this is interesting. Setting the version of Bootstrap to 3.3.4 for now. @stephenplusplus @sindresorhus ideas?

@budkin76

This comment has been minimized.

Show comment
Hide comment
@budkin76

budkin76 Jun 27, 2015

+1 This was driving me mad until I found the workaround mentioned.

+1 This was driving me mad until I found the workaround mentioned.

@yijingping

This comment has been minimized.

Show comment
Hide comment
@yijingping

yijingping Jun 30, 2015

@eddiemonge thanks. it works for me.

@eddiemonge thanks. it works for me.

@shakhrillo

This comment has been minimized.

Show comment
Hide comment
@shakhrillo

shakhrillo Jun 30, 2015

+1 I did not find the answer and I removed all and wrote my code myself

+1 I did not find the answer and I removed all and wrote my code myself

@eddiemonge

This comment has been minimized.

Show comment
Hide comment
@eddiemonge

eddiemonge Jun 30, 2015

Member

Should be fixed in 0.12.0

Member

eddiemonge commented Jun 30, 2015

Should be fixed in 0.12.0

@eddiemonge eddiemonge closed this Jun 30, 2015

@harishkumarchellappa

This comment has been minimized.

Show comment
Hide comment
@harishkumarchellappa

harishkumarchellappa Jul 2, 2015

Changing to 3.3.4 worked...thanks

Changing to 3.3.4 worked...thanks

@rapasoft

This comment has been minimized.

Show comment
Hide comment
@rapasoft

rapasoft Jul 5, 2015

@eddiemonge yup, it works... but it's a bummer

rapasoft commented Jul 5, 2015

@eddiemonge yup, it works... but it's a bummer

@salangar

This comment has been minimized.

Show comment
Hide comment
@salangar

salangar Jul 29, 2015

Is this issue fixed for Bootstrap 3.3.5? I am using 3.3.5 and unable to include css in dist-index.html. I manually edited bower.json to include the following: "overrides": {
"bootstrap": {
"main": [
"dist/css/bootstrap.css"
]
}

Is this issue fixed for Bootstrap 3.3.5? I am using 3.3.5 and unable to include css in dist-index.html. I manually edited bower.json to include the following: "overrides": {
"bootstrap": {
"main": [
"dist/css/bootstrap.css"
]
}

@webskin

This comment has been minimized.

Show comment
Hide comment
@webskin

webskin Sep 23, 2015

Change to 3.3.4 did the trick

webskin commented Sep 23, 2015

Change to 3.3.4 did the trick

@studiorooster

This comment has been minimized.

Show comment
Hide comment
@studiorooster

studiorooster Oct 9, 2015

Downgrading to 3.3.4 fixed it for me!!

Downgrading to 3.3.4 fixed it for me!!

@burakhanalkan

This comment has been minimized.

Show comment
Hide comment
@burakhanalkan

burakhanalkan Oct 19, 2015

3.3.4 fixed the problem for me, too.
Remove '^' sign also from bower.json, since the latest version is installed.

3.3.4 fixed the problem for me, too.
Remove '^' sign also from bower.json, since the latest version is installed.

@bengrunfeld

This comment has been minimized.

Show comment
Hide comment
@bengrunfeld

bengrunfeld Oct 22, 2015

👍 to the bootstrap version fix.

👍 to the bootstrap version fix.

@Codermar

This comment has been minimized.

Show comment
Hide comment
@Codermar

Codermar Oct 27, 2015

I think most of the answers seem to miss the point. The issue is obviously the main property in the bower.json file for bootstrap in this case (and I actually had the same issue with font-awesome 4.4) It seems like they are changing the convention to include the less files in the main instead of the css and that wiredep does not know about it. See taptapship/wiredep#210

I think most of the answers seem to miss the point. The issue is obviously the main property in the bower.json file for bootstrap in this case (and I actually had the same issue with font-awesome 4.4) It seems like they are changing the convention to include the less files in the main instead of the css and that wiredep does not know about it. See taptapship/wiredep#210

@j-w-miller

This comment has been minimized.

Show comment
Hide comment
@j-w-miller

j-w-miller Nov 2, 2015

Codermar commented 6 days ago ...

tweaking bower.json solved it for me.
was
"main": [ "less/bootstrap.less", "dist/js/bootstrap.js" ]
modified
"main": [ "dist/css/bootstrap.css", "dist/js/bootstrap.js" ],

Codermar commented 6 days ago ...

tweaking bower.json solved it for me.
was
"main": [ "less/bootstrap.less", "dist/js/bootstrap.js" ]
modified
"main": [ "dist/css/bootstrap.css", "dist/js/bootstrap.js" ],

@saqib053

This comment has been minimized.

Show comment
Hide comment
@saqib053

saqib053 Nov 3, 2015

Run the following in your working directory using commmand line tool.

bower install bootstrap-css --save

In my case I am using Windows machine.
It worked perfect after running the above commad

saqib053 commented Nov 3, 2015

Run the following in your working directory using commmand line tool.

bower install bootstrap-css --save

In my case I am using Windows machine.
It worked perfect after running the above commad

@WayneRiesterer

This comment has been minimized.

Show comment
Hide comment
@WayneRiesterer

WayneRiesterer Nov 6, 2015

This problem is due to the bower.json file for Bootstrap 3.3.5 as many have mentioned above.

Downgrading to a previous version might work, but then you lose the benefit of the latest version.

Changing the bower.json file in /bower_components/bootstrap may provide a temporary fix, but if you reload your packages, or use bower install for an initial setup, then the previous package bower.json file will be replaced and then you're back to square one.

You can use an override in your project's bower.json file to redefine an errant or missing property from the package's bower.json file.

To do this, open your project's bower.json file and put this just after dependencies:

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

You can find more information on wiredep's bower overrides at the following link:

https://www.npmjs.com/package/wiredep#bower-overrides

There's an even more comprehensive example by peterblazejewicz which can be found here:

#965 (comment)

Enjoy :)

This problem is due to the bower.json file for Bootstrap 3.3.5 as many have mentioned above.

Downgrading to a previous version might work, but then you lose the benefit of the latest version.

Changing the bower.json file in /bower_components/bootstrap may provide a temporary fix, but if you reload your packages, or use bower install for an initial setup, then the previous package bower.json file will be replaced and then you're back to square one.

You can use an override in your project's bower.json file to redefine an errant or missing property from the package's bower.json file.

To do this, open your project's bower.json file and put this just after dependencies:

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

You can find more information on wiredep's bower overrides at the following link:

https://www.npmjs.com/package/wiredep#bower-overrides

There's an even more comprehensive example by peterblazejewicz which can be found here:

#965 (comment)

Enjoy :)

@katlimruiz

This comment has been minimized.

Show comment
Hide comment
@katlimruiz

katlimruiz Nov 20, 2015

@WayneRiesterer comment worked for me.

@WayneRiesterer comment worked for me.

@mymai91

This comment has been minimized.

Show comment
Hide comment
@mymai91

mymai91 Nov 21, 2015

In index.html, link bootstrap file

<!-- build:css(.) styles/vendor.css -->
      <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
<!-- bower:css -->

mymai91 commented Nov 21, 2015

In index.html, link bootstrap file

<!-- build:css(.) styles/vendor.css -->
      <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
<!-- bower:css -->
@seanmadhaven

This comment has been minimized.

Show comment
Hide comment
@seanmadhaven

seanmadhaven Nov 24, 2015

@mymai91 that code is removed once you run grunt.

@mymai91 that code is removed once you run grunt.

@kutyel

This comment has been minimized.

Show comment
Hide comment
@kutyel

kutyel Nov 25, 2015

I am runing gulp and have the same error, tried downgrading bootstrap to 3.3.4 and still happens, plus a weird error Error in plugin 'run-sequence' Message: An error occured in task 'client:build'. Any ideas?

kutyel commented Nov 25, 2015

I am runing gulp and have the same error, tried downgrading bootstrap to 3.3.4 and still happens, plus a weird error Error in plugin 'run-sequence' Message: An error occured in task 'client:build'. Any ideas?

@mymai91

This comment has been minimized.

Show comment
Hide comment

mymai91 commented Nov 26, 2015

@sean-madhavan you are right

@hakimirza

This comment has been minimized.

Show comment
Hide comment
@hakimirza

hakimirza Dec 13, 2015

@WayneRiesterer I'm using Bootstrap 3.3.6 and your solution worked very well, thank you :)

@WayneRiesterer I'm using Bootstrap 3.3.6 and your solution worked very well, thank you :)

@fabiopaiva

This comment has been minimized.

Show comment
Hide comment
@fabiopaiva

fabiopaiva Dec 30, 2015

the problem persist using gulp, grunt ok

the problem persist using gulp, grunt ok

@ismaproco

This comment has been minimized.

Show comment
Hide comment
@ismaproco

ismaproco Jan 16, 2016

@WayneRiesterer your solution worked for me, this is my bower.json

{
  "name": "testapp",
  "private": true,
  "version": "0.1.0",
  "dependencies": {
    "bootstrap": "~3.x.x",
  },
  "overrides": {
    "bootstrap": {
      "main": [
        "dist/js/bootstrap.js",
        "dist/css/bootstrap.css",
        "less/bootstrap.less"
      ]
    }
  }
}

@WayneRiesterer your solution worked for me, this is my bower.json

{
  "name": "testapp",
  "private": true,
  "version": "0.1.0",
  "dependencies": {
    "bootstrap": "~3.x.x",
  },
  "overrides": {
    "bootstrap": {
      "main": [
        "dist/js/bootstrap.js",
        "dist/css/bootstrap.css",
        "less/bootstrap.less"
      ]
    }
  }
}
@postalC

This comment has been minimized.

Show comment
Hide comment
@postalC

postalC Jan 21, 2016

Any work-around for gulp, tried various suggestion and none of them work for gulp.

postalC commented Jan 21, 2016

Any work-around for gulp, tried various suggestion and none of them work for gulp.

respectYourNeighbour added a commit to respectYourNeighbour/GMAN_Boilerplate that referenced this issue Jan 27, 2016

changed to bootstrap 3.3.4
wiredep has problems to autoinclude bootstrap 3.3.5
yeoman/generator-angular#1116
@anilsawant

This comment has been minimized.

Show comment
Hide comment
@anilsawant

anilsawant Feb 3, 2016

I did the following selections and it worked for me:
** say NO to suing Sass with Compass
? Would you like to use Gulp (experimental) instead of Grunt? (y/N) n
? Would you like to use Gulp (experimental) instead of Grunt? No
? Would you like to use Sass (with Compass)? (Y/n) n
? Would you like to use Sass (with Compass)? No
? Would you like to include Bootstrap? (Y/n) y
? Would you like to include Bootstrap? Yes

I did the following selections and it worked for me:
** say NO to suing Sass with Compass
? Would you like to use Gulp (experimental) instead of Grunt? (y/N) n
? Would you like to use Gulp (experimental) instead of Grunt? No
? Would you like to use Sass (with Compass)? (Y/n) n
? Would you like to use Sass (with Compass)? No
? Would you like to include Bootstrap? (Y/n) y
? Would you like to include Bootstrap? Yes

@overmedia

This comment has been minimized.

Show comment
Hide comment
@overmedia

overmedia Feb 8, 2016

@WayneRiesterer solution worked for me.

@WayneRiesterer solution worked for me.

@overmedia

This comment has been minimized.

Show comment
Hide comment
@overmedia

overmedia Feb 15, 2016

@WayneRiesterer solution worked for me.
"bootstrap": "^3.2.0" on OS X

@WayneRiesterer solution worked for me.
"bootstrap": "^3.2.0" on OS X

@ariefitriadin

This comment has been minimized.

Show comment
Hide comment
@ariefitriadin

ariefitriadin Feb 29, 2016

@WayneRiesterer your solution worked for me, this is my bower.json

{
"name": "testapp",
"private": true,
"version": "0.1.0",
"dependencies": {
"bootstrap": "~3.x.x",
},
"overrides": {
"bootstrap": {
"main": [
"dist/js/bootstrap.js",
"dist/css/bootstrap.css",
"less/bootstrap.less"
]
}
}
}

yeah this work as well for me

@WayneRiesterer your solution worked for me, this is my bower.json

{
"name": "testapp",
"private": true,
"version": "0.1.0",
"dependencies": {
"bootstrap": "~3.x.x",
},
"overrides": {
"bootstrap": {
"main": [
"dist/js/bootstrap.js",
"dist/css/bootstrap.css",
"less/bootstrap.less"
]
}
}
}

yeah this work as well for me

@jxc876

This comment has been minimized.

Show comment
Hide comment
@jxc876

jxc876 Mar 1, 2016

Seems to work fine with the latest version of yeoman-angular (using grunt),
but doesn't seem to work with gulp :(

jxc876 commented Mar 1, 2016

Seems to work fine with the latest version of yeoman-angular (using grunt),
but doesn't seem to work with gulp :(

@khemkaran14

This comment has been minimized.

Show comment
Hide comment
@khemkaran14

khemkaran14 Mar 18, 2016

got the same issue on windows...
just did
bower install bootstrap
and then
grunt serve
it worked for me.

got the same issue on windows...
just did
bower install bootstrap
and then
grunt serve
it worked for me.

@victorazevedo

This comment has been minimized.

Show comment
Hide comment
@victorazevedo

victorazevedo Jun 1, 2016

I put :
bower_components/bootstrap/dist/css/bootstrap.css
in the index.html and it´s working now.

victorazevedo commented Jun 1, 2016

I put :
bower_components/bootstrap/dist/css/bootstrap.css
in the index.html and it´s working now.

@gouravmakhija18

This comment has been minimized.

Show comment
Hide comment
@gouravmakhija18

gouravmakhija18 Jun 14, 2016

I have added "bootstrap-sass-official": "~3.1.0", at top of dependencies, everything work awesome.

e.g.

"dependencies": {
            "bootstrap-sass-official": "~3.1.0",
             "jquery": "~2.1.4",

I have added "bootstrap-sass-official": "~3.1.0", at top of dependencies, everything work awesome.

e.g.

"dependencies": {
            "bootstrap-sass-official": "~3.1.0",
             "jquery": "~2.1.4",
@crrollyson

This comment has been minimized.

Show comment
Hide comment
@crrollyson

crrollyson Jul 19, 2016

Not ideal, but I rolled back to BS version 3.3.4 and setting up like this:

`bower install --save bootstrap#3.3.4`

`bower_concat: {
  all: {
    dest: {
      'js': 'path/to/file/_bower.js',
      'css': 'path/to/file/_bower.css'
    }
  }
}`

crrollyson commented Jul 19, 2016

Not ideal, but I rolled back to BS version 3.3.4 and setting up like this:

`bower install --save bootstrap#3.3.4`

`bower_concat: {
  all: {
    dest: {
      'js': 'path/to/file/_bower.js',
      'css': 'path/to/file/_bower.css'
    }
  }
}`
@eMahtab

This comment has been minimized.

Show comment
Hide comment
@eMahtab

eMahtab Aug 18, 2016

Just switched to bootstrap 3.3.4 and it worked. Oohh ...

eMahtab commented Aug 18, 2016

Just switched to bootstrap 3.3.4 and it worked. Oohh ...

jimdowling added a commit to hopshadoop/hopsworks that referenced this issue Sep 8, 2016

@EriksonMurrugarra

This comment has been minimized.

Show comment
Hide comment
@EriksonMurrugarra

EriksonMurrugarra Nov 13, 2016

Ohh. Changing to 3.3.4 Did the Trick. Thank you so much.!

Ohh. Changing to 3.3.4 Did the Trick. Thank you so much.!

SimonStJG added a commit to SimonStJG/once-apon-a-time that referenced this issue Dec 19, 2016

@stefanbaumg

This comment has been minimized.

Show comment
Hide comment
@stefanbaumg

stefanbaumg Dec 21, 2016

@WayneRiesterer's solution also works for bootswatch with slight modification:

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

@WayneRiesterer's solution also works for bootswatch with slight modification:

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

This comment has been minimized.

Show comment
Hide comment
@pavlito

pavlito Mar 1, 2017

Hi guys, you can still use latest version of bootstrap 3.3.7 .

You need to modify bower.json located inside bootstrap folder.

Need to add key "overrides and specify bootstrap.css location.

Here is mine content
<pre> { "name": "yb", "description": "YourBourse project", "main": "index.html", "authors": [ "Pavle Lucic <pavlito1988@gmail.com>" ], "license": "MIT", "homepage": "", "private": true, "ignore": [ "**/.*", "node_modules", "bower_components", "app/libs", "test", "tests" ], "dependencies": { "respond": "^1.4.2", "html5shiv": "^3.7.3", "modernizr": "^3.3.1", "jquery": "^3.1.1", "bootstrap": "3.3.7", "bootstrap3-ie10-viewport-bug-workaround": "^1.0.0" }, "overrides": { "bootstrap": { "main": [ "dist/css/bootstrap.css" ] } } } </pre>

pavlito commented Mar 1, 2017

Hi guys, you can still use latest version of bootstrap 3.3.7 .

You need to modify bower.json located inside bootstrap folder.

Need to add key "overrides and specify bootstrap.css location.

Here is mine content
<pre> { "name": "yb", "description": "YourBourse project", "main": "index.html", "authors": [ "Pavle Lucic <pavlito1988@gmail.com>" ], "license": "MIT", "homepage": "", "private": true, "ignore": [ "**/.*", "node_modules", "bower_components", "app/libs", "test", "tests" ], "dependencies": { "respond": "^1.4.2", "html5shiv": "^3.7.3", "modernizr": "^3.3.1", "jquery": "^3.1.1", "bootstrap": "3.3.7", "bootstrap3-ie10-viewport-bug-workaround": "^1.0.0" }, "overrides": { "bootstrap": { "main": [ "dist/css/bootstrap.css" ] } } } </pre>

@jpdavy

This comment has been minimized.

Show comment
Hide comment
@jpdavy

jpdavy Mar 9, 2017

Wiredep works by looking at the bower.json file inside the bower packages file. In this case bower_components/bootstrap/bower.json

Open bower_components/bootstrap/bower.json and change:

  "main": [
    "less/bootstrap.less",
    "dist/js/bootstrap.js"
  ],

to

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

If you want to use the bootstrap theme css as well:

  "main": [
    "less/bootstrap.less",
    "dist/js/bootstrap.js",
    "dist/css/bootstrap.css",
    "dist/css/bootstrap-theme.css"
  ],

jpdavy commented Mar 9, 2017

Wiredep works by looking at the bower.json file inside the bower packages file. In this case bower_components/bootstrap/bower.json

Open bower_components/bootstrap/bower.json and change:

  "main": [
    "less/bootstrap.less",
    "dist/js/bootstrap.js"
  ],

to

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

If you want to use the bootstrap theme css as well:

  "main": [
    "less/bootstrap.less",
    "dist/js/bootstrap.js",
    "dist/css/bootstrap.css",
    "dist/css/bootstrap-theme.css"
  ],
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.