Python web开发之CSS中级语法外加Bootscrap
在Python web开发中，结合Bootstrap可以使用CSS进行快速原型设计或简化开发过程。以下是一个使用Flask框架和Bootstrap的简单示例：
首先，安装Flask和Bootstrap：
pip install Flask然后，创建一个简单的Flask应用并使用Bootstrap：
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)在你的模板目录中创建index.html，并导入Bootstrap CDN：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flask with Bootstrap Example</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="container mt-4">
<h1 class="display-4 text-center">Hello, Bootstrap!</h1>
<div class="alert alert-primary" role="alert">
This is a simple alert—check it out!
</div>
</div>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>这个例子展示了如何在Flask应用中使用Bootstrap。通过CDN链接，你可以利用Bootstrap提供的预定义样式和组件快速设计你的网页。
评论已关闭