How do I include jQuery/bootstrap/javascript in my rails app with a CDN?

Question

I know you can add jQuery and bootstrap with gems, assets, and the application.css and application.js file. However, I would like to be able to add these files through a CDN.

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

I have added the above into my application.html.erb file, but I seem to not be able to use bootstrap or jQuery still. Can you please explain why rails doesn't allow linking in the html file? Why must we use gems?

That is a CDN. maxCDN.bootstrapCDN.com - I don't think they are lying. Alternatively you could place the files on a CDN of your choosing and load it from there. — errata
– errata, Commented May 20, 2015 at 18:31
Yes but the CDN is not working. There is no effect on the rails app. Does rails allow CDNs in the html files or must I use gems and require that js file in the application.js? — kchow
– kchow, Commented May 20, 2015 at 18:36
I just tried it and it is now working again. I'm a little confused but thanks so much! — kchow
– kchow, Commented May 20, 2015 at 18:47
Look at the answer below. Are you not seeing any bootstrap files included? View the source of your app from a browser and make sure it's not loading. — errata
– errata, Commented May 20, 2015 at 18:49

Sharvy Ahmed · Accepted Answer · 2015-05-20 18:36:25Z

2

You need to add the js file before the closing body tag as well:

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

answered May 20, 2015 at 18:36

Sharvy Ahmed

7,4151 gold badge36 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 11:58:09Z

0

I guess you have to make sure you call your Jquery before your bootstrap files

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

If you want to do a cdn call back for both Jquery and Bootstrap these are the links: stackoverflow - Bootstrap cdn callback and stackoverflow - Jquery cdn callback

edited May 23, 2017 at 11:58

CommunityBot

11 silver badge

answered May 20, 2015 at 19:23

Coding Enthusiast

3,9331 gold badge31 silver badges50 bronze badges

Comments

tangrufus · Accepted Answer · 2015-05-20 21:06:55Z

0

Use the jquery cdn gem

In your layout,

<%= include_jquery cdn: :google %>

answered May 20, 2015 at 21:06

tangrufus

3572 silver badges14 bronze badges

Collectives™ on Stack Overflow

How do I include jQuery/bootstrap/javascript in my rails app with a CDN?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related