Visual Studio intellisense for Bootstrap via CDN

Question

I've installed Bootstrap via the Microsoft CDN like:

<head>
    ...
   <link href="//ajax.aspnetcdn.com/ajax/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
   <link href="//ajax.aspnetcdn.com/ajax/bootstrap/3.1.1/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
</head>

and

<body>
    ...
    <script src="//ajax.aspnetcdn.com/ajax/bootstrap/3.1.1/bootstrap.min.js"></script>
</body>

Everything is working fine with Bootstrap, however, Visual Studio isn't giving me any kind of intellisense for the classes.

For example, typing

<div class="(intellisense should open here)

nothing comes up.

Is there any way to get intellisense from the CDN?

@Scottie did you every get that to work? I am dealing with the same thing over here. VS 2013 Ultimate MVC. The css is being referenced in _Layout.cshtml... — IEnjoyEatingVegetables, Nov 21 '15 at 15:33
No, I never did. I just have the .css files in my solution and Intellisense picks them up, even though I never use them. — Scottie, Nov 21 '15 at 16:32

score 33 · Answer 1 · answered Dec 23 '18 at 06:10

33

If you are working with ASP.NET Core project do as follows. VS only reference files inside the wwwroot folder. You need to open the .csproj file and add the following code segment.

<ItemGroup>
  <None Include="node_modules/**" />
</ItemGroup>

After that VS will picking up intellicen from node_modules.

answered Dec 23 '18 at 06:10

Shanaka Rathnayaka

2,462
1
23
23

1

Works like a charm! Although I made my include specific to the bootstrap path as there are a lot of node modules I just don't care to see. – Jay Mar 06 '19 at 17:34
Thank you - was driving me nuts. Confirmed in VS 2019 16.3 – Christopher Oct 18 '19 at 09:52
Great! Thank you. – user1309226 Oct 18 '19 at 22:01
Can confirm this still works in a VS 2019 Razor project. I referenced `` to get support for [TailwindCSS](https://tailwindcss.com) – GoClimbColorado Dec 15 '20 at 00:01

score 11 · Accepted Answer · answered Jan 07 '15 at 18:13

11

You can add CDN references to intelliSence for javascript, however, css is not supported.

Visual Studio 2013 options

You can add the file to your project and it will work, you dont need to add a ref to html, just to project and it should resolve your issue.

answered Jan 07 '15 at 18:13

Samuel Pinto

987
11
8

Can you use {version} in this? – Scottie Jan 07 '15 at 21:08
7

The `JavaScript\IntelliSense\References` node is not present in Visual Studio 2017. Even translating the `JavaScript` to `JavaScript/TypeScript` in the aforementioned path does not find the `References` node. I'm thinking that MS removed it. – Zarepheth Jul 19 '17 at 16:33

score 5 · Answer 3 · answered Nov 25 '15 at 07:56

5

You need to install bootstrap through the NuGet Packages. Intellisense will start working after that.

answered Nov 25 '15 at 07:56

mjdev

149
2
8

score 1 · Answer 4 · edited Nov 13 '16 at 12:38

1

Open Visual Studio

Go in Extensions and Updates and then click on Online Tab.

In Search type Bootstrap.

Install following Packs to enable intellisense. Ensure that you have dragged bootstrap.css (or bootstrap.min.css and js file) before trying to insert snippet.

Bootstrap Bundle
Bootstrap Snippet Pack

edited Nov 13 '16 at 12:38

Camilo Terevinto

31,141
6
88
120

answered May 12 '16 at 10:28

vibs2006

6,028
3
40
40

1

This solution immediately fixed my intellisense problem. Specifically the Bootstrap Bundle package. – FrankO Dec 20 '16 at 08:07
1

Bootstrap Bundle is not available for VS 2017 – BeanFlicker Mar 09 '17 at 18:18

score 1 · Answer 5 · answered Jul 28 '17 at 09:17

1

I just installed the bootstrap nuget

answered Jul 28 '17 at 09:17

Mocas

1,403
13
20

I had to update the package from 3.4.1 to 5.0.1 – Jeff Blumenthal Jun 16 '21 at 20:42

score 0 · Answer 6 · answered Oct 18 '14 at 23:23

0

TOOLS->Options->Text Editor->the specific language ->IntelliSense

That should get the intellisense back up and running, worked for me before (think this is what you are looking for)

answered Oct 18 '14 at 23:23

I know you answered "...-> **the specific language** ->IntelliSense" but **CSS** doesn't seem to have the IntelliSense-option-alernative? – Hauns TM Dec 22 '14 at 21:48
what version of VS are you using? 2012? 2013? – Dec 23 '14 at 15:55
I have Visual Studio 2013 – Hauns TM Dec 26 '14 at 00:41
Hi Hauns, there was a change between 2012 and 2013, this answer is the best I could offer, click the link: [link](http://stackoverflow.com/a/21571678/4157770) - hope it helps! – Dec 28 '14 at 05:37

score 0 · Answer 7 · edited May 23 '17 at 11:46

I know this way is not exactly CDN, but it worked for me and you can still keep your packages up-to-date

You can reference Bootstrap using Bower.

On the package.json you would have:

{
  "version": "1.0.0",
  "name": "TaskAngularJSApp",
  "private": true,
  "devDependencies": {
    "grunt": "0.4.5",
    "grunt-contrib-uglify": "0.7.0",
    "grunt-contrib-watch": "0.6.1",
    "bower": "1.7.3"
  }
}

Then you have bower.json file like:

{
    "name": "ASP.NET",
    "private": true,
    "dependencies": {
        "bootstrap": "*"
    }
}

Then on your html you would reference bootstrap like

    <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css" />
    <script src="/lib/bootstrap/dist/js/bootstrap.min.js"></script>

I got help from: using grunt bower gulp npm with visual studio 2015 for a asp-net-4-5-project

and

Released Today: Visual Studio 2015, ASP.NET 4.6, ASP.NET 5 & EF 7 Previews - On the "HTML Editor Updates" section

score 0 · Answer 8 · answered Apr 15 '16 at 15:24

0

In the Content folder copy bootstrap.css.

answered Apr 15 '16 at 15:24

Tonatio

4,026
35
24

score 0 · Answer 9 · answered Jun 23 '22 at 08:39

0

The inclusion of the old Razor editor in the HTML settings helped me - https://github.com/dotnet/razor-tooling/issues/5669

answered Jun 23 '22 at 08:39

kisva

1

score 0 · Answer 10 · answered Jun 24 '22 at 07:02

0

Go to TOOLS->Options->Text Editor->HTML->Advanced->Razor-> Select True

answered Jun 24 '22 at 07:02

Rahul Salokhe

11
1

Visual Studio intellisense for Bootstrap via CDN

10 Answers10

Linked