tab 예제

탭 플러그인은 또한 알 약 탐색함께 작동. 다음 예제와 같이 탭 태그에 .nav-pills 클래스 .nav-pill을 대체하려면 탭 기반 탐색을 통해 콘텐츠를 분리하여 작은 영역 내에서 엄청난 양의 콘텐츠를 처리할 수 있는 쉽고 강력한 메커니즘을 제공합니다. 각 창을 한 번에 하나씩 볼 수 있는 다른 창입니다. 사용자는 페이지를 떠나지 않고 창 간을 전환하여 콘텐츠에 빠르게 액세스할 수 있습니다. 다음 예제에서는 부트스트랩 탭 구성 요소를 사용하여 기본 탭을 만드는 방법을 보여 줍니다. 순수 한 CSS 탭 – CSS와 JS를 사용하여 만든 간단한 탭 코드 조각. 예제 코드에는 일반 탭이 표시되지만 CSS를 사용하여 스타일을 변경하여 탭을 아름답게 만들 수 있습니다. [데모] 당신은 어떤 자바 스크립트를 작성하지 않고 탭 구성 요소를 활성화 할 수 있습니다 – 단순히 각 탭에 데이터 토글 = «탭»을 지정, 뿐만 아니라 모든 탭에 대한 고유 ID와 .tab-창을 만들고 .tab-content에 래핑. 다음 예제에서는 Bootstrap의 데이터 특성을 통해 기본 탭 가능한 탭을 만드는 방법을 보여 줍니다. 참고: 이 페이지의 마지막 예제를 참조하여 탭 및 알약을 전환/동적으로 전환하는 방법을 알아봅을 참조하세요. 다음 예제는 마지막 열 안에 수직 알 약 메뉴를 배치합니다.

따라서 큰 화면에서 메뉴가 오른쪽에 표시됩니다. 그러나 작은 화면에서 콘텐츠는 자동으로 단일 열 레이아웃으로 조정됩니다: 사용자의 요구에 맞게, 이것은 위에 표시된 것처럼

    기반 태그, 또는 임의의 «자신의 롤» 태그와 함께 작동합니다.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies