Heim > Web-Frontend > Bootstrap-Tutorial > Was bedeutet Navigation im Bootstrap?

Was bedeutet Navigation im Bootstrap?

WBOY
Freigeben: 2021-12-28 10:02:12
Original
3197 Leute haben es durchsucht

nav in Bootstrap ist die Abkürzung für „navigation“, was bedeutet, dass mit navigation nav der Stil von Navigationselementen festgelegt werden kann Navigationselement.

Was bedeutet Navigation im Bootstrap?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootstrap-Version 3.3.7, DELL G3-Computer

Was bedeutet Navigation in Bootstrap?

NAV=Navigation, die englische Übersetzung bedeutet Navigation .

Einige von Bootstrap bereitgestellte Optionen zum Definieren von Navigationselementen. Sie verwenden das gleiche Markup und die gleiche Basisklasse .nav. Bootstrap bietet außerdem eine Hilfsklasse zum Teilen von Markup und Status. Durch Ändern der geänderten Klasse kann zwischen verschiedenen Stilen gewechselt werden, und mit nav kann der Stil von Navigationselementen festgelegt werden.

Erstellen Sie ein Navigationsmenü mit Registerkarten:

Beginnen Sie mit einer ungeordneten Liste mit der Klasse .nav. Klasse .nav-tabs hinzufügen.

Das Beispiel lautet wie folgt:

<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>
Nach dem Login kopieren

Ausgabeergebnis:

Was bedeutet Navigation im Bootstrap?

Empfohlenes Lernen: „Tutorial zur Bootstrap-Nutzung

Das obige ist der detaillierte Inhalt vonWas bedeutet Navigation im Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage