python-在烧瓶中使用引导程序时自定义css无法正常工作
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了python-在烧瓶中使用引导程序时自定义css无法正常工作,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2810字,纯文字阅读大概需要5分钟。
内容图文
![python-在烧瓶中使用引导程序时自定义css无法正常工作](/upload/InfoBanner/zyjiaocheng/695/23af72fbfb9b4d53a5b9ba40b2947d0d.jpg)
我试图使用引导程序和后端作为烧瓶来开发我的网站.但是似乎当我将CSS应用于我的元素时它不起作用.我已经向我的问题发布了一个最小的可复制问题.
这是我的目录结构
我的main.py文件
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def dashboard():
return render_template('dashboard.html')
我的layout.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Python For Everybody</title>
<!-- Custom styles for this template -->
<!-- bootstrap css-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap/bootstrap.min.css') }}"/>
<!-- Custom fonts for this template -->
<link href="https://fonts.googleapis.com/css?family=Raleway:500" rel="stylesheet" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous" />
<!-- add custom css file here-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/custom.css') }}">
</head>
<body>
<!-- Navigation -->
<header>
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand ml-5" href="#">Python For Everything</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end mr-5" id="navbarSupportedContent">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Login/Register</a>
</li>
</ul>
</div>
</nav>
</header>
{% block body %}
{% endblock %}
<!-- Bootstrap core JavaScript -->
<script src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap/bootstrap.min.js') }}"></script>
<!--add custom js file here-->
</body>
</html>
我应要求呈现的dashboard.html文件
{% extends "layout.html" %}
{% block body %}
<br>
<h1>Hello World</h1>
<br>
{% endblock %}
这是我的css文件custom.css,尽管其中包含许多元素,但我正在发布其最小版本.
/* to avoid overlapping of navbar*/
body {
color: #ffff00;
padding-top: 70px;
}
如果您在重现此问题时遇到任何麻烦,我还将上传整个文件结构here
预期结果:
dashboard.html的背景颜色为黄色,顶部带有一些填充.
注意:请注意,我已经尝试过所有可能的答案,作为对该问题的建议,但没有一个对我有用.
解决方法:
您设置身体的颜色(即文本颜色),而您想要设置背景颜色(即背景色).如果仍然无效,请禁用其他样式表,它们执行的优先级可能高于正文(这是最低的)
内容总结
以上是互联网集市为您收集整理的python-在烧瓶中使用引导程序时自定义css无法正常工作全部内容,希望文章能够帮你解决python-在烧瓶中使用引导程序时自定义css无法正常工作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。