부트스트랩에 닫기 버튼을 추가하는 방법

부트스트랩 닫기 버튼을 추가하는 방법: 먼저 해당 코드 파일을 연 다음 또는 요소에 닫기 클래스를 추가하여 모달 상자와 경고 상자를 만듭니다.

이 튜토리얼의 운영 환경: windows7 시스템, bootstrap3 버전, Dell G3 컴퓨터.

관련 튜토리얼 추천: "bootstrap tutorial"

닫기 버튼

.close 클래스를 또는 . 아이콘을 클릭하면 모달 상자와 경고 상자가 사라집니다. 예:

<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<a class="close"><span aria-hidden="true">&times;</span></a>

효과는 그림 2-82에 표시됩니다.

관련 소개:

Bootstrap은 무료 프런트 엔드 프레임워크이며 html, JavaScript 및 css를 기반으로 개발된 프레임워크입니다. 주로 응답에 사용됩니다. 부트스트랩의 출현은 주로 전통적인 웹사이트의 구조와 레이아웃 측면에서 웹 작업자의 작업을 단순화하는 데 있으며 여기에는 JavaScript의 동적 조정도 포함됩니다.

부트스트랩 프레임워크를 사용하면 반응형 웹사이트를 만들 수 있습니다. 부트스트랩은 PC, 휴대폰 등 해상도가 다른 장치에서 사용할 수 있습니다. 장치에 따른 표시 효과를 걱정할 필요가 없습니다. 현재 모든 브라우저는 부트스트랩을 지원하므로 웹사이트를 구축할 때 브라우저 호환성 문제를 고려해서는 안 됩니다.

위 내용은 부트스트랩에 닫기 버튼을 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!