So ändern Sie den Bootstrap-Stil

Die Verwendung von Bootstrap kann unseren Entwicklungsprozess und Code vereinfachen. Obwohl der Code von Bootstrap sehr praktisch ist, besteht jedoch auch die Situation, dass der CSS-Stil sehr eintönig ist.

Wir können es lösen, indem wir den CSS-Stil überschreiben.

Aber als ich schrieb, stellte ich fest, dass der von mir behandelte Code den ursprünglichen Bootstrap-Code nicht ändern konnte.

Das ist ein kleines Problem, aber es hat mich den ganzen Nachmittag beschäftigt und es gibt online keine relevante Antwort.

Tatsächlich ist dieses Problem sehr einfach, da HTML von oben nach unten gerendert wird und spätere Stile frühere Stile überschreiben.

Wenn Ihr CSS-Stil also den Bootstrap-Stil nicht abdecken kann, prüfen Sie, ob die Einführung Ihres eigenen Stils vor der Einführung von Bootstrap platziert wird.

Das Richtige ist, Ihre eigene Stileinführung hinter die Bootstrap-Einführung zu stellen.

Zum Beispiel:

  <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="index.css"> //这是我的

Weitere technische Artikel zu Bootstrap finden Sie in der Spalte Bootstrap-Tutorial, um mehr zu erfahren!

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Bootstrap-Stil. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!