improved project

app.py

@@ -1,5 +1,5 @@
 from flask import Flask, render_template
-from flask_bootstrap import Bootstrap5  # Use Bootstrap5 for modern BS5
+from flask_bootstrap import Bootstrap5  # Updated import for Bootstrap 5 support
 
 app = Flask(__name__)
 bootstrap = Bootstrap5(app)

requirements.txt

@@ -1,2 +1,2 @@
 flask==3.0.3
-flask-bootstrap==0.14.0  # Latest version supporting BS5
+bootstrap-flask==2.5.0

templates/index.html

@@ -1,13 +1,7 @@
-{% extends "bootstrap/base.html" %}
-{% import "bootstrap/fixes.html" as fixes %}
+{% extends "bootstrap5/base.html" %}
 
 {% block title %}Professional Demo Site{% endblock %}
 
-{% block head %}
-{{ super() }}
-{{ fixes.ie8() }}  <!-- Optional IE8 fix if needed -->
-{% endblock %}
-
 {% block styles %}
 {{ super() }}  <!-- Includes Bootstrap CSS -->
 <style>
@@ -42,7 +36,7 @@
 {% block content %}
 <div class="container">
     <!-- Hero Section -->
-    <div class="jumbotron text-center bg-primary text-white py-5 mt-4 rounded">
+    <div class="bg-primary text-white py-5 mt-4 rounded text-center">
         <h1 class="display-4">Welcome to the Professional Demo Site</h1>
         <p class="lead">This is a realistic, Bootstrap-powered Flask application for demonstration purposes. It features responsive design and modern UI elements.</p>
         <a class="btn btn-light btn-lg" href="#features" role="button">Learn More</a>