Maison > Article > interface Web > Qu'est-ce qui peut faire flotter un élément dans le bootstrap ?

Qu'est-ce qui peut faire flotter un élément dans le bootstrap ?

WBOYoriginal: 2021-12-28 09:29:193703parcourir

Dans bootstrap, vous pouvez utiliser la classe auxiliaire ".pull-left" pour faire flotter l'élément à gauche. La fonction de cette classe auxiliaire est de faire flotter l'élément vers la gauche. Il vous suffit d'ajouter "class="pull. -left"" à l'élément.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version bootstrap 3.3.7, ordinateur DELL G3

Qu'est-ce qui peut faire flotter les éléments à gauche dans le bootstrap

Vous pouvez utiliser la classe pull-left ou tirez-droite respectivement. Faites flotter l'élément vers la gauche ou la droite.

L'exemple est le suivant :

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

Résultat de sortie :

Quest-ce qui peut faire flotter un élément dans le bootstrap ?

Apprentissage recommandé : "Tutoriel d'utilisation du bootstrap"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quelle est la différence entre bootstrap et jqueryArticle suivant：Quelle est la différence entre bootstrap et jquery

Articles Liés

Voir plus