Question

我使用Bootstrap jumbotron作为我网页的标题，我有自己的layout.css但不是我对.jumbotron的所有规则都有效。当我尝试设置import sys import tkinter as tk from tkinter import * fenetre = Tk() #frame 1 Frame1 = Frame(fenetre, borderwidth=2, relief=GROOVE) Frame1.pack(fill=BOTH) #frame2 Frame2 = Frame(fenetre, borderwidth=2, relief=GROOVE) Frame2.pack(fill=BOTH) #grid display def afficheGrille(): tailleGrille=(int(s.get())) for ligne in range((tailleGrille * 2) +1): for colonne in range(tailleGrille): if(ligne == 0 or (ligne % 2) == 0): #boutons horizontaux Button(Frame2, borderwidth=1, height=1, width=8).grid(row=ligne, column=colonne) else: #boutons verticaux Button(Frame2, borderwidth=1, height=5, width=2).grid(row=ligne, column=colonne) label = Label(Frame1, text="Jeu du carré") label.pack() boutonJvIA=Button(Frame1, text="1 joueur vs IA", width=30, command=afficheGrille) boutonJvIA.pack() boutonJvJ=Button(Frame1, text="1 joueur vs 1 joueur", width=30, command=afficheGrille) boutonJvJ.pack() s = Spinbox(Frame1, from_= 0, to = 100) s.pack() fenetre.mainloop()时，它不会出现在我的浏览器开发工具中，甚至不会显示出来。有谁知道如何解决这个问题？

index.html - 使用jumbotron类的头部和标题：

margin-bottom: 0px;

layout.css - .jumbotron：

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/layout.css') }}" rel="stylesheet">
</head>

<header class="jumbotron container-fluid">
    <h1> Catalog App </h1>
    <button type="button" class="btn btn-xs btn-default btn-login" onclick="location.href='/login/'">Login</button>
</header>

开发者工具 - 未显示margin-bottom：

我确保所有内容都已保存并重新加载服务器。它运行在一个简单的Flask python服务器上，如果这很重要的话。

Answer 1

尝试将!important添加到您的保证金属性

.jumbotron {
  background-color: #195e8c;
  margin-bottom: 0px !important;
  padding-top: 2px;
  padding-bottom: 2px;
}

Answer 2

Flask没有重新加载CSS文件，因为在我的server.py文件 layout.css 是静态的，它在首次设置应用时设置一次。我再次设置 FLASK_APP 并重新加载服务器，它解决了问题。

要更新烧瓶服务器，包括css，请关闭浏览器缓存并启用烧瓶调试<h1>Here is my dynamic text</h1>

CSS没有显示所有规则

2 个答案: