suchen

Heim >Web-Frontend >js-Tutorial >Beispielcode zum Erstellen einer Navigationsleiste mit BootStrap_Javascript-Kenntnissen

Beispielcode zum Erstellen einer Navigationsleiste mit BootStrap_Javascript-Kenntnissen

WBOY
WBOYOriginal
2016-05-16 15:02:021699Durchsuche

Was ist Bootstrap?

Bootstrap ist ein Front-End-Framework für die schnelle Entwicklung von Webanwendungen und Websites. Bootstrap basiert auf HTML, CSS und JAVASCRIPT.

Ich habe lange versucht, die Bootstrap-Navigationsleiste herauszufinden, oder die Farben sind unterschiedlich, und ich habe den Code einfach hier eingefügt und verwendet direkt in der Zukunft

Der Code lautet wie folgt: 

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default" role = "navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">KKK</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">首页 <span class="sr-only"></span></a></li>
</ul>
<div class="navbar-right">
<ul class="nav navbar-nav">
<li><a href="#">haha<span class="sr-only"></span></a></li>
<li><a href="#">haha<span class="sr-only"></span></a></li>
</ul>
</div>
</div>
</div>
</nav>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

Sehen Sie sich die Ergebnisse an

Beispielcode zum Erstellen einer Navigationsleiste mit BootStrap_Javascript-Kenntnissen

Das Obige ist der vom Herausgeber eingeführte Beispielcode zum Erstellen einer Navigationsleiste mit BootStrap. Ich hoffe, er wird Ihnen hilfreich sein!

Stellungnahme：
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
Vorheriger Artikel：Einführung in vier Möglichkeiten zum Binden von Ereignissen mit jQueryNächster Artikel：Einführung in vier Möglichkeiten zum Binden von Ereignissen mit jQuery

In Verbindung stehende Artikel

Mehr sehen