Bootstrap 3 축소 상태를 표시하기 위해 쉐브론 아이콘을 사용하는 방법은 무엇입니까?-CSS 튜토리얼-php.cn

Bootstrap 3 축소 상태를 표시하기 위해 쉐브론 아이콘을 사용하는 방법은 무엇입니까?

Linda Hamilton

풀어 주다： 2024-11-29 05:14:14

원래의

405명이 탐색했습니다.

How to Use Chevron Icons to Indicate Bootstrap 3 Collapse State?

갈매기 모양 아이콘이 있는 Bootstrap 3 축소 상태

Bootstrap 3 프레임워크는 갈매기 모양 아이콘을 사용하여 접기 상태를 표시하는 예를 제공합니다. 요소. 다음 코드는 각 패널 제목에 갈매기 모양 아이콘을 추가하고 패널이 접히거나 확장될 때 아이콘을 전환합니다.

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>

<div>

로그인 후 복사

이 솔루션은 Bootstrap CSS 클래스를 사용하여 갈매기 모양 아이콘을 표시합니다. , glyphicon-chevron-down을 전환하고 glyphicon-chevron-up 패널이 축소되거나 확장될 때 클래스

위 내용은 Bootstrap 3 축소 상태를 표시하기 위해 쉐브론 아이콘을 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!