作者:Kanxsg | 来源:互联网 | 2023-06-04 23:12
导航代码HTML:
DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content=">
<title>项目实战title>
<link rel="stylesheet" href="css/bootstrap.min.css">
head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a href="#" class="navbar-brand" style="padding: 0">
<img src="img/logo.png" alt="企业俱乐部">
a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<span class="icon-bar">span>
<span class="icon-bar">span>
<span class="icon-bar">span>
button>
div>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right" style="margin-top: 0">
<li class="active">
<a href="#"><span class="glyphicon glyphicon-home">首页span>a>
li>
<li>
<a href="#"><span class="glyphicon glyphicon-list">资讯span>a>
li>
<li>
<a href="#"><span class="glyphicon glyphicon-fire">案例span>a>
li>
<li>
<a href="#"><span class="glyphicon glyphicon-question-sign">关于span>a>
li>
ul>
div>
div>
nav>
<script src="js/jquery.min.js">script>
<script src="js/bootstrap.min.js">script>
<script type="text/Javascript">
script>
body>
html>