Webstorm code completion does not show bootstrap classes

Question

What do I have to change in my webstorm IDE that the bootstrap classes are recognized when I do:

<a class="btn btn-primary" />

At the moment I have always to re-check the class names by looking into the bootstrap css files. Thats not so nice...

Answer 1

I had the same problem and finally fixed it!! You need to download the Bootstrap library LOCALLY.

This worked:

    <link rel="stylesheet" href="./css/css/bootstrap-theme.min.css" >

But this didn't work:

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

Cheers, JJ

Answer 2

For a quick-fix, downloading the bootstrap.min.css or whichever you are using locally, and then referencing it like

<link href="stylesheets/bootstrap.min.css" rel="stylesheet">

solves the problem.

I think another way for WebStorm to be able to autocomplete without referring to it locally would be to add the file as an external library

Answer 3

Finally I got the solution:

• Right click on style folder
• Mark directory as test sources root