집 >웹 프론트엔드 >부트스트랩 튜토리얼 >부트스트랩의 탐색은 무엇을 의미합니까?

부트스트랩의 탐색은 무엇을 의미합니까?

WBOY원래의: 2021-12-28 10:02:123204검색

부트스트랩의 nav는 "navigation"의 약어로 탐색을 의미합니다. nav는 탐색 요소의 스타일을 설정하는 데 사용할 수 있습니다. "class="nav nav-navigation style code"" 스타일만 추가하면 됩니다. 탐색 요소.

이 튜토리얼의 운영 환경: Windows 7 시스템, 부트스트랩 버전 3.3.7, DELL G3 컴퓨터

부트스트랩에서 nav는 무엇을 의미합니까?

NAV=navigation, 영어 번역은 탐색을 의미합니다. .

탐색 요소 정의를 위해 Bootstrap에서 제공하는 일부 옵션. 그들은 동일한 마크업과 기본 클래스 .nav를 사용합니다. Bootstrap은 마크업과 상태를 공유하기 위한 도우미 클래스도 제공합니다. 수정된 클래스를 변경하면 다양한 스타일 간에 전환할 수 있으며 탐색을 사용하여 탐색 요소의 스타일을 설정할 수 있습니다.

탭 탐색 메뉴 만들기:

클래스 .nav를 사용하여 순서가 지정되지 않은 목록으로 시작합니다. .nav-tabs 클래스를 추가합니다.

예제는 다음과 같습니다.

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

출력 결과:

부트스트랩의 탐색은 무엇을 의미합니까?

추천 학습: "bootstrap 사용 튜토리얼"

위 내용은 부트스트랩의 탐색은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：부트스트랩은 인터레이스 색상 변경을 어떻게 달성할 수 있나요?다음 기사：부트스트랩은 인터레이스 색상 변경을 어떻게 달성할 수 있나요?