Apakah yang boleh membuatkan elemen terapung dibiarkan dalam bootstrap?

WBOY
Lepaskan: 2021-12-28 09:58:53
asal
3711 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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan