Welcome, Guest: Join Nairaland / LOGIN! / Trending / Recent / New
Stats: 2,657,333 members, 6,236,755 topics. Date: Saturday, 10 April 2021 at 11:56 PM

How do I access jQuery and bootstrap on local host? (solved) - Programming - Nairaland

Nairaland Forum / Science/Technology / Programming / How do I access jQuery and bootstrap on local host? (solved) (206 Views)

In Need Of A Php, Js/ajax/jquery And Wordpress Developer / Extract URL Data Like Facebook Using PHP, Jquery And Ajax / Live Username Availability Check Using PHP, Jquery And AJAX (2) (3) (4)

(1) (Reply) (Go Down)

How do I access jQuery and bootstrap on local host? (solved) by squash47(m): 5:13pm On Apr 06
Hello all, I tried running *Navbar* and *modals* boostrap file on Xampp local Host but it's not expanding.

Other bootstrap codes are working.

Please house, what's the solution to the problem. ?

Do I need to download and link the page to jQuery first ?

*Please I want to run the site on local Host with no internet at all*.

MODIFIED.

After series of research, I decided to include the general Google bootstrap and jQuery link at the appropriate places in my site. that's how I solved the problem.


if you are having similar challange, don't bother running bootstrap locally. just insert the link.

The good news is that once you have accessed the internet once, whether your data is on or off, you will still be able to use bootstrap and jQuery.
Re: How do I access jQuery and bootstrap on local host? (solved) by Karleb(m): 6:34pm On Apr 06
Are you using a CDN? If yes, you can't use CDN without internet.

To use bootstrap without internet, you need to download the css and Javascript file and reference them in the head tag.

CDN is that link tag you copy from bootstrap website.
Re: How do I access jQuery and bootstrap on local host? (solved) by squash47(m): 6:51pm On Apr 06
Karleb:
Are you using a CDN? If yes, you can't use CDN without internet.

To use bootstrap without internet, you need to download the css and Javascript file and reference them in the head tag.

CDN is that link tag you copy from bootstrap website.

I downloaded the bootstrap file. but I don't know how to link it.
Re: How do I access jQuery and bootstrap on local host? (solved) by Karleb(m): 7:05pm On Apr 06
squash47:


I downloaded the bootstrap file. but I don't know how to link it.

I don't know how your folders are related, maybe you can share a picture.

Let's assume you have 2 folder structures.

Project - index.php
Bootstrap - css - bootstrap.css
Bootstrap - js - bootstrap.js

To link the css and js to your index.php you'll do.


../Bootstrap/css/bootstrap.css


../Bootstrap/js/bootstrap.js

2 Likes

Re: How do I access jQuery and bootstrap on local host? (solved) by squash47(m): 7:43pm On Apr 06
Karleb:

I don't know how your folders are related, maybe you can share a picture.
Let's assume you have 2 folder structures.
Project - index.php Bootstrap - css - bootstrap.css Bootstrap - js - bootstrap.js
To link the css and js to your index.php you'll do.

../Bootstrap/css/bootstrap.css

../Bootstrap/js/bootstrap.js
I will do just that sir. I will let you Know of any progress I make.
Re: How do I access jQuery and bootstrap on local host? (solved) by PHPdeveloper200: 9:08pm On Apr 06
squash47:
Hello all, I tried running *Navbar* and *modals* boostrap file on Xampp local Host but it's not expanding.

Other bootstrap codes are working.

Please house, what's the solution to the problem. ?

Do I need to download and link the page to jQuery first ?

*Please I want to run the site on local Host with no internet at all*.

If you are using bootstrap offline, your file must be linked to jQuery. jQuery is a prerequisite to run bootstrap

You should also check your bootstrap version. Not all versions support modals and cards(though there is a way to work around this). Also make sure your jQuery version is compatible with your bootstrap version

2 Likes

Re: How do I access jQuery and bootstrap on local host? (solved) by squash47(m): 9:35pm On Apr 06
PHPdeveloper200:


If you are using bootstrap offline, your file must be linked to jQuery. jQuery is a prerequisite to run bootstrap

You should also check your bootstrap version. Not all versions support modals and cards(though there is a way to work around this). Also make sure your jQuery version is compatible with your bootstrap version


I tire downloading jQuery, but it has no single file like bootstrap.
Not even a zip file. All I saw was a page filled with pre written codes.

I don't know if that's why you mean by jQuery file. And if yes, how do I get the files into my system.
Re: How do I access jQuery and bootstrap on local host? (solved) by PHPdeveloper200: 9:53pm On Apr 06
squash47:



I tire downloading jQuery, but it has no single file like bootstrap.
Not even a zip file. All I saw was a page filled with pre written codes.

I don't know if that's why you mean by jQuery file. And if yes, how do I get the files into my system.

jQuery does not contain bootstrap codes. I will post a picture of how your file should be tomorrow
Re: How do I access jQuery and bootstrap on local host? (solved) by Karleb(m): 10:02pm On Apr 06
PHPdeveloper200:


If you are using bootstrap offline, your file must be linked to jQuery. jQuery is a prerequisite to run bootstrap

You should also check your bootstrap version. Not all versions support modals and cards(though there is a way to work around this). Also make sure your jQuery version is compatible with your bootstrap version

I thought bootstrap dropped jquery for vanilla Javascript in the latest bootstrap?
Re: How do I access jQuery and bootstrap on local host? (solved) by PHPdeveloper200: 10:07pm On Apr 06
Karleb:


I thought bootstrap dropped jquery for vanilla Javascript in the latest bootstrap?

Well I am not aware of this since I don't use the latest version of bootstrap. But if this is true then that means a lot of codes will be rewritten
Re: How do I access jQuery and bootstrap on local host? (solved) by PHPdeveloper200: 10:12pm On Apr 06

Re: How do I access jQuery and bootstrap on local host? (solved) by KennyFranklin(m): 10:19pm On Apr 06
PHPdeveloper200:


jQuery does not contain bootstrap codes. I will post a picture of how your file should be tomorrow

To save the future of your code using bootstrap, don't use JQuery.. bootstrap already dropped JQuery for pure JavaScript in the latest version and this is a good development..
Re: How do I access jQuery and bootstrap on local host? (solved) by lanibi(f): 9:50am On Apr 07
KennyFranklin:


To save the future of your code using bootstrap, don't use JQuery.. bootstrap already dropped JQuery for pure JavaScript in the latest version and this is a good development..
I'm actually having issues with bootstrap mobile responsiveness as well. The view on laptop is okay. Also, when i view using visual studio code editor on my phone, it is responsive but when i view on my phone using (tiny web server) to host, it is not responsive but instead show as if it's on a laptop. This is getting me frustrated. Please what am i doing wrong?
Re: How do I access jQuery and bootstrap on local host? (solved) by Karleb(m): 10:34am On Apr 07
It seems I shall do a tutorial on how to use bootstrap since many people are not getting it. grin
Re: How do I access jQuery and bootstrap on local host? (solved) by Rictech: 11:39am On Apr 07
Karleb:
It seems I shall do a tutorial on how to use bootstrap since many people are not getting it. grin

Abeg do oo and mention me biko
Re: How do I access jQuery and bootstrap on local host? (solved) by lanibi(f): 1:04pm On Apr 07
Karleb:
It seems I shall do a tutorial on how to use bootstrap since many people are not getting it. grin

Patiently waiting for the video but please can you help me attend to this question below.


I'm actually having issues with bootstrap mobile responsiveness as well. The view on laptop is okay. Also, when i view using visual studio code editor on my phone, it is responsive but when i view on my phone browser using (tiny web server) to host, it is not responsive but instead show as if it's on a laptop. This is getting me frustrated. Please what am i doing wrong?
Re: How do I access jQuery and bootstrap on local host? (solved) by Karleb(m): 4:25pm On Apr 07
Actually I can't do a video tutorial now. But I wrote an article on my blog.

Check it out. Also, there is a link to the github repository below the article. If you don't understand anything, do ask.

https://karleb.hashnode.dev/how-to-use-bootstrap-offline

@squash47 @Rictech

1 Like

Re: How do I access jQuery and bootstrap on local host? (solved) by Karleb(m): 4:28pm On Apr 07
lanibi:


Patiently waiting for the video but please can you help me attend to this question below.


I'm actually having issues with bootstrap mobile responsiveness as well. The view on laptop is okay. Also, when i view using visual studio code editor on my phone, it is responsive but when i view on my phone browser using (tiny web server) to host, it is not responsive but instead show as if it's on a laptop. This is getting me frustrated. Please what am i doing wrong?

Maybe it because you are not adding a meta tag to the head tag of the html file.

Add this meta tag to the head tag and tell me if there is any difference.

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Re: How do I access jQuery and bootstrap on local host? (solved) by lanibi(f): 5:29pm On Apr 07
Karleb:


Maybe it because you are not adding a meta tag to the head tag of the html file.

Add this meta tag to the head tag and tell me if there is any difference.

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Thank you. It's now working fine.

Your response made me realize that I used <meta type="viewport" content="width=device-width, initial-scale=1.0">
Instead of <meta name="viewport" content="width=device-width, initial-scale=1.0">

Thank you very much. I'm so happy.

But one more question, why won't the CSS apply when I view in my browser without hosting locally on tiny web server? It is only displaying the html files.
Re: How do I access jQuery and bootstrap on local host? (solved) by Karleb(m): 5:51pm On Apr 07
lanibi:

Thank you. It's now working fine.

Your response made me realize that I used <meta type="viewport" content="width=device-width, initial-scale=1.0">
Instead of <meta name="viewport" content="width=device-width, initial-scale=1.0">

Thank you very much. I'm so happy.

But one more question, why won't the CSS apply when I view in my browser without hosting locally on tiny web server? It is only displaying the html files.

I don't know. cheesy

Maybe, you're using a CDN and you're not connected to internet on your PC.

There are a lot of possible reasons.
Re: How do I access jQuery and bootstrap on local host? (solved) by squash47(m): 5:55pm On Apr 07
Karleb:
Actually I can't do a video tutorial now. But I wrote an article on my blog.

Check it out. Also, there is a link to the github repository below the article. If you don't understand anything, do ask.

https://karleb.hashnode.dev/how-to-use-bootstrap-offline

@squash47 @Rictech

thanks man. I have solved the problem. I just figured it's best if I used the regular Google api link.

and it worked.

meanwhile, your website is so sweet. it doesn't look like a WordPress hosted site.
Re: How do I access jQuery and bootstrap on local host? (solved) by Karleb(m): 6:03pm On Apr 07
squash47:


thanks man. I have solved the problem. I just figured it's best if I used the regular Google api link.

and it worked.

meanwhile, your website is so sweet. it doesn't look like a WordPress hosted site.


My site? grin

It's a blog I created off hashnode. You can create your own blog with hashnode if you want.

TLDR: I did not code that blog.
Re: How do I access jQuery and bootstrap on local host? (solved) by squash47(m): 6:08pm On Apr 07
Karleb:


My site? grin

It's a blog I created off hashnode. You can create your own blog with hashnode if you want.

TLDR: I did not code that blog.


oh, ok thanks.

(1) (Reply)

[exclusive] Get Free Codecademy Pro | Limited Time Offer! / Django Developer, AI Enthusiast And More, Get In Here / Is There Anyone That Can Create An ERC20 Stablecoin Here?

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2021 Oluwaseun Osewa. All rights reserved. See How To Advertise. 246
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.