Heim >Web-Frontend >Bootstrap-Tutorial >Der Unterschied zwischen Bootstrap3 und Bootstrap4

Der Unterschied zwischen Bootstrap3 und Bootstrap4

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼Original
2019-07-17 16:52:434236Durchsuche

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. ​

Der Unterschied zwischen Bootstrap3 und Bootstrap4

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn