BootStrap_javascript 기술을 사용하여 탐색 모음을 만드는 예제 코드-JS 튜토리얼-php.cn

BootStrap_javascript 기술을 사용하여 탐색 모음을 만드는 예제 코드

WBOY

풀어 주다： 2016-05-16 15:02:02

원래의

1661명이 탐색했습니다.

부트스트랩이란 무엇인가요?

Bootstrap은 웹 애플리케이션과 웹사이트의 신속한 개발을 위한 프런트 엔드 프레임워크입니다. 부트스트랩은 HTML, CSS, JAVASCRIPT를 기반으로 합니다.

부트스트랩 내비게이션 바를 오랫동안 알아내려고 노력했습니다. 왼쪽과 오른쪽이 수평으로 정렬되지 않거나 색상이 다릅니다. 드디어 알아내고 여기에 코드를 입력하고 사용합니다. 미래에 직접

코드는 다음과 같습니다.

<!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>

로그인 후 복사

결과 보기

BootStrap_javascript 기술을 사용하여 탐색 모음을 만드는 예제 코드