Rumah >hujung hadapan web >Tutorial Bootstrap >Apakah yang boleh membuatkan elemen terapung dibiarkan dalam bootstrap?
Apakah yang boleh membuatkan elemen terapung dibiarkan dalam bootstrap?
- WBOYasal
- 2021-12-28 09:29:193744semak imbas
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.
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>
Hasil keluaran:
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!
Artikel berkaitan
Lihat lagi- Analisis ringkas tentang penggunaan kotak modal dalam pembelajaran Bootstrap
- Apakah yang perlu saya lakukan jika pengepala Jadual Bootstrap dibetulkan dan tidak sejajar? Bagaimana untuk menyelesaikannya sepenuhnya?
- Apakah rangka kerja bootstrap? Apa yang ia lakukan?
- apa itu bootstrap3
- Apakah perbezaan antara bootstrap dan jquery