Heim > Web-Frontend > Bootstrap-Tutorial > Was kann dazu führen, dass ein Element im Bootstrap schwebt?

Was kann dazu führen, dass ein Element im Bootstrap schwebt?

WBOY
Freigeben: 2021-12-28 09:58:53
Original
3739 Leute haben es durchsucht

Im Bootstrap können Sie die Hilfsklasse „.pull-left“ verwenden, um das Element so einzustellen, dass es nach links schwebt. Sie müssen nur „class="pull“ hinzufügen -left"" zum Element.

Was kann dazu führen, dass ein Element im Bootstrap schwebt?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootstrap-Version 3.3.7, DELL G3-Computer

Was kann dazu führen, dass Elemente im Bootstrap nach links schweben

Sie können die Klasse pull-left oder verwenden Ziehen Sie das Element nach rechts bzw. nach links.

Das Beispiel lautet wie folgt:

<html>
<head>
<meta charset="utf-8"> 
<title>Bootstrap 实例 - 快速浮动</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="pull-left">
向左快速浮动
</div>
<div class="pull-right">
向右快速浮动
</div>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

Was kann dazu führen, dass ein Element im Bootstrap schwebt?

Empfohlenes Lernen: „Tutorial zur Bootstrap-Nutzung

Das obige ist der detaillierte Inhalt vonWas kann dazu führen, dass ein Element im Bootstrap schwebt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage