Heim >Web-Frontend >Bootstrap-Tutorial >Der Unterschied zwischen Bootstrap3 und Bootstrap4
Vorwort: Nach dem Aufkommen von Bootstrap4 wurden die Unannehmlichkeiten von Bootstrap3 geändert, um es für Front-End-Entwickler, die das Framework verwenden, bequemer zu machen. (Bootstrap wird im Folgenden als bs bezeichnet)
1. Rastersystem
Im Vergleich zum ursprünglichen bs3 verfügt bs4 über einen größeren Anpassungsbereich. Unter den XS SM MD LG in der Vergangenheit BS3, BS4 fügte eine XL-Reihe hinzu, um sich an den ultragroßen Bildschirm anzupassen.
In der Originalversion wurde ausschließlich das Float-Layout verwendet, in der neuen Version das Flex-Layout. Und in der neuen Version muss der Rastersystemspalte keine bestimmte Anzahl von Spalten hinzugefügt werden. Wenn beispielsweise zwei Spalten hintereinander vorhanden sind, werden diese automatisch in -6 und -6 unterteilt. Wenn eine der drei Spalten ihre Spaltennummer angibt, die anderen beiden jedoch nicht, ist das (12-x/)2.
2. img-circle und abgerundeter Kreis in der neuen Version
In der alten Version wirkt sich img-circle nur auf Bilder aus, in der neuen Version , abgerundeter Kreis wirkt sich auf alle Elemente aus. Sie werden es erst wissen, wenn Sie es verwenden oder nicht.
Verwandte Empfehlungen: „Bootstrap Getting Started Tutorial“
3. Medienobjekte
Entfernte Medien-Links, Medien- Nur der rechte Medienkörper ist darin anpassungsfähig. Wenn Sie ein Bild vor dem Körper schreiben, wird es links und nach dem Körper rechts sein.
Four.display series/offset/margin/padding
Offset: col-[size]-offset-[x] wird nicht mehr stattdessen verwendet. Ist offset-[ Größe]-[x]
Rand: ml linker Rand mr rechter Rand, mt oberer Rand, mb unterer Rand mx-horizontale Richtung my- vertikale Richtung
ml- 1
Padding: pl,pr,pt,pb, px,py
5. Farbe
Primär-Sekundärinformation Erfolgswarnung Gefahr hell dunkel
bg - [Farbe]
Text -[Farbe]
btn -[]
Abzeichen - [] entsprechend dem bs3-Label
Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen Bootstrap3 und Bootstrap4. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!