Wie man div im Bootstrap richtig macht-Bootstrap-Tutorial-php.cn

Bootstrap richtet den Div-Code wie folgt rechtsbündig aus:

<div class="col-lg-5  pull-right"></div>

Nach dem Login kopieren

div-Einführung:

DIV-Tag, sogenanntes Trennzeichen. Seine Funktion besteht darin, die Platzierungsposition von Wörtern, Gemälden, Tabellen usw. festzulegen. Wenn Sie Text, Bilder oder etwas anderes in ein DIV einfügen, kann es als „DIV-Block“, „DIV-Element“, „CSS-Ebene“ oder einfach als „Ebene“ bezeichnet werden. Auf Chinesisch nennen wir es „Ebene“.

Definition:

kann Unterteilungen oder Abschnitte (Abteilung/Abschnitt) im Dokument definieren. Das

-Tag kann das Dokument in unabhängige und unterschiedliche Teile unterteilen. Es kann als strenges Organisationstool verwendet werden und verwendet keine damit verbundenen Formatierungen. Wenn

mit id oder class markiert ist, wird das Tag effektiver.

Verwendung:

Das DIV-Tag ist leistungsfähiger, wenn es auf Style Sheet (Stylesheet) angewendet wird. Sein letztendlicher Zweck besteht darin, Designern eine weitere Organisationsfähigkeit zu geben, einschließlich Klasse, Stil, Titel, ID und andere Attribute.

ist ein Element auf Blockebene. Das bedeutet, dass der Inhalt automatisch in einer neuen Zeile beginnt. Tatsächlich sind Zeilenumbrüche ein spezifisches Formatierungsverhalten von

. Zusätzliche Stile können über die Klasse oder ID des

angewendet werden.

Es ist nicht notwendig, zu jedem

eine Klasse oder ID hinzuzufügen, obwohl dies gewisse Vorteile bietet.

Es ist möglich, entweder Klassen- oder ID-Attribute auf dasselbe

-Element anzuwenden, es ist jedoch üblicher, nur eines davon anzuwenden. Der Hauptunterschied zwischen den beiden besteht darin, dass die Klasse für Gruppen von Elementen (ähnliche Elemente oder als eine bestimmte Art von Elementen verstanden werden kann) verwendet wird, während die ID zur Identifizierung einzelner spezifischer Elemente verwendet wird.

Weitere technische Artikel zu Bootstrap finden Sie in der Spalte Bootstrap-Tutorial.

Das obige ist der detaillierte Inhalt vonWie man div im Bootstrap richtig macht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：

bootstrap，div

Quelle：php.cn

Vorheriger Artikel：So richten Sie das Dropdown-Menü in Bootstrap4 ein Nächster Artikel：So implementieren Sie Bootstrap-Paging

Erklärung dieser Website

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

Neueste Artikel des Autors