I recently updated Bootstrap CDN from version 4.0.0 alpha to beta this morning.
Here is a snapshot of how the web page looked before (still under construction):
Website with Bootstrap 4.0.0 alpha
And here is how it appears now:
You may notice that the design has noticeably deteriorated. What could have caused this? Did I make an error during the update process, or are there significant differences between the two releases necessitating code rewriting? Additionally, as seen in the initial image, there were some issues with a modal, but that topic might require separate attention.
Prior to updating the CDN, I removed the framework from the project to avoid potential conflicts. The only modification made was updating the CDNs.
The following snippet displays the head section prior to the recent update:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8>
...
The current HTML script at this phase is as follows: CIApp.html:
<!DOCTYPE html>
<html lang="en">
...
layout.css
.navbar {
...
}
#headLine{
...
}
#upperHalf {
...
}
#lowerHalf {
...
}
#repoInput, #projectNameInput {
...
}
frontend.js
$(window).on('load',function(){
$('#modalForm').modal('show');
});