Apakah yang boleh membuatkan elemen terapung dibiarkan dalam bootstrap?-Tutorial Bootstrap-php.cn

Apakah yang boleh membuatkan elemen terapung dibiarkan dalam bootstrap?

WBOY

Lepaskan： 2021-12-28 09:58:53

asal

3678 orang telah melayarinya

Dalam bootstrap, anda boleh menggunakan kelas tambahan ".pull-left" untuk menetapkan elemen terapung ke kiri Fungsi kelas tambahan ini adalah untuk mengapungkan elemen ke kiri. Anda hanya perlu menambah ". class="pull" to the element -left"" style sudah memadai.

Apakah yang boleh membuatkan elemen terapung dibiarkan dalam bootstrap?

Persekitaran pengendalian tutorial ini: sistem Windows 7, bootstrap versi 3.3.7, komputer DELL G3

Apa yang boleh dilakukan dalam bootstrap Elemen terapung ke kiri

Anda boleh menggunakan tarik-kiri atau tarik-kanan kelas untuk mengapungkan elemen ke kiri atau kanan masing-masing.

Contoh adalah seperti berikut:

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

Salin selepas log masuk

Hasil keluaran:

Apakah yang boleh membuatkan elemen terapung dibiarkan dalam bootstrap?

Pembelajaran yang disyorkan: "tutorial penggunaan bootstrap"

Atas ialah kandungan terperinci Apakah yang boleh membuatkan elemen terapung dibiarkan dalam bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!