Issue with my bootstrap meta tag that failing entire site

Question

0.00/5 (No votes)

See more:

Hello to you all the programmers. I have question please help ,I appreciate it .
I built a website by bootstrap and HTML and CSS . but the fact is that I had these tags inserted for supporting of Visual Studio code for my web page.

HTML

<link rel="stylesheet" type="text/css" href="normalize.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"/>
 <link href="https://fonts.googleapis.com/css?family=Raleway:300,500,700,900" rel="stylesheet">
 <link rel="stylesheet" type="text/css" href="main.css" />

 <link rel="stylesheet" href="link.css" />
 <link rel="stylesheet" href="../lib/w3.css">
<script src =     "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="style1.css" />

everything works fine ,I can publish my website offline and live server of Vs Codes does not show any problem.

but I added these 2 codes assuming they are updated versions of Bootstrap and awfully my entire site falls apart to chaos !!! there is not a single element on its place and every element scattered around entire website !!!!
These are those 2 tags:

HTML

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"></script>

I really do not understand it at all. I have very basic to intermediate knowledge of programming .Please consider this and matter is bit urgent for me .
my question is "can i publish my website on host and domain without these 2 new tags and with only using the tags I already have and inserted on top section of my question here, or I have to add these 2 news ones??? how should I really fix this without losing my entire design falling apart? I worked a lot on it and now for these 2 new tags the entire site is useless .appreciate your help.

What I have tried:

I have tried to eliminate these news tags but as I said without them my website has no issue . otherwise my entire website will be gone .

Posted 12-Aug-23 20:50pm

pedro_188

Updated 13-Aug-23 0:19am

Andre Oosthuizen

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Graeme_Grant · Accepted Answer · 2023-08-12T21:09:00

Solution 1

Yep, v3.4.1 and v5.3.1 are very different! There are breaking changes.

Here is the v3.4 documentation: Bootstrap v3.4[^]
and here is v5.3 documentation: Bootstrap v5.3[^]

You will need to update your project if you want to use the latest version.

Posted 12-Aug-23 21:09pm

Graeme_Grant

Comments

pedro_188 13-Aug-23 3:26am

but as I said my entire website falls apart when I do this .I do not know what to do.really stressed me out .

Graeme_Grant 13-Aug-23 3:37am

Read what I wrote. Again, v3.4.1 and v5.3.1 are not compatible. Of course you are having issues. You need to make changes or use v3.4.1

pedro_188 13-Aug-23 3:45am

my question is can i keep using older version and publish my website on host and domain?I cannot really change it.my website is 99% ready to be uploaded .this way i have to build 1 site from scratch which I cannot right now.

Graeme_Grant 13-Aug-23 4:03am

Unless Bootstrap says they are retiring v3.4.1, then I do not see why not. However, after publishing with v3.4.1, I strongly suggest that you work on migrating to v5.4.1. You have time. Once you have completed the migration, then push an update.

Personally, I have ditched all CSS frameworks, like Bootstrap, and rolled my own to avoid these types of issues.

pedro_188 13-Aug-23 12:20pm

Graeme_Grant, so i had to sleep it was extremely late and really thanks for response.it would be too frustrating to design entire website . My another question is if i have a website that holds kinds of Archives of content from previous years and I want user to navigate to those previous years of content that is date and time sensitive (meaning if content expired user must know it is old story ,let's say year stories of 2023,2022,2021 and so on and so force.)then what should I do to design it with CSS and html ? because my menu on pages that are for older stories belonging to previous years ARE inside entirely new page .I mean even navigation menu on top belongs to year 2022 or previous years .I only have 2 years basically 2022 and previous years in this example and I did not break it to all older years. can all pages from previous years point at main page for 2023 content? how should I really do this without need to re-design each page for each year separately?thanks alot

Andre Oosthuizen 13-Aug-23 6:26am

Quote: I have ditched all CSS frameworks, like Bootstrap, and rolled my own - I agree 100%, same here. I do not have the energy to re-write my css every few years because of updated bootstrap files, wrote my own and unless the entire css scene gets dumped, I am safe, my +5.

@pedro_188, Greame is 100% correct, you can still use the old files until they are completely ditched. The suggestion to write your own is still the real solution, this way your site should be safe for a few years to come. I have also written my files per page so if something should go wrong, it is only on 1 page and not my entire site that will need updates.

pedro_188 13-Aug-23 12:27pm

yes I really do not understand why the people who wrote this kinds of program do this because when I work even with basic MS Office then even if I produced a file with version from 10 years ago still transition is smooth . and my file does not render useless .all graphic design software are same as well. it does not make sense to redesign everything from scratch .it makes people crazy and it is too much time consuming .