Click here to Skip to main content
15,881,898 members
Please Sign up or sign in to vote.
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
Updated 13-Aug-23 0:19am
v2

1 solution

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.
 
Share this answer
 
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

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



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900