cari

Rumah >hujung hadapan web >Tutorial Bootstrap >Apakah maksud nav dalam bootstrap?

Apakah maksud nav dalam bootstrap?

WBOY
WBOYasal
2021-12-28 10:02:123202semak imbas

nav dalam bootstrap ialah singkatan daripada "navigation", yang bermaksud navigasi boleh digunakan untuk menetapkan gaya elemen navigasi Anda hanya perlu menambah "class="nav nav-navigation style code"". kepada elemen navigasi.

Apakah maksud nav dalam bootstrap?

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

Nav bagi bootstrap ialah Apakah maksudnya

NAV=navigation, terjemahan bahasa Inggeris bermaksud navigasi.

Beberapa pilihan yang disediakan oleh Bootstrap untuk menentukan elemen navigasi. Mereka menggunakan markup dan kelas asas .nav yang sama. Bootstrap juga menyediakan kelas pembantu untuk berkongsi markup dan keadaan. Menukar kelas yang diubah suai boleh bertukar antara gaya yang berbeza dan nav boleh digunakan untuk menetapkan gaya elemen navigasi.

Buat menu navigasi tab:

Mulakan dengan senarai tidak tertib dengan kelas .nav . Tambah kelas .nav-tabs.

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>
<p>标签式的导航菜单</p>
<ul class="nav nav-tabs">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">SVN</a></li>
<li><a href="#">iOS</a></li>
<li><a href="#">VB.Net</a></li>
<li><a href="#">Java</a></li>
<li><a href="#">PHP</a></li>
</ul>
</body>
</html>

Hasil keluaran:

Apakah maksud nav dalam bootstrap?

Pembelajaran yang disyorkan: "tutorial penggunaan bootstrap"

Atas ialah kandungan terperinci Apakah maksud nav dalam bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
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
Artikel sebelumnya：Bagaimanakah bootstrap boleh mencapai perubahan warna berjalin?Artikel seterusnya：Bagaimanakah bootstrap boleh mencapai perubahan warna berjalin?

Artikel berkaitan

Lihat lagi