홈>
다음/이전 버튼이 작동하지 않습니다. 누군가 나를 도울 수 있습니까? 고마워요! 코딩을 처음 접했고 여러 가지를 연구하고 다른 것을 시도했지만 아무것도 작동하지 않습니다.
<section class="section-main">
<div class="container">
<div class="row">
<div class="col-md-8">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img class="d-block img-fluid" src="img/slide1.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block img-fluid" src="img/slide2.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block img-fluid" src="img/slide3.jpg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="col-md-4">
</div>
</div>
</div>
- 답변 # 1
- 답변 # 2
부트 스트랩 문서를 기반으로 코드 펜에 대한 예제를 만들었습니다
이 예제는 회전식 메뉴가 작동하도록 html, css, js 코드를 보여줍니다.
$('.carousel').carousel()
포함하여 필요한 라이브러리를 추가했는지 다시 확인하십시오
jquery, bootstrap.js bootstrap.css.
펜 설정을 통해 추가했습니다.
관련 자료
- javascript - React Hooks 및 Bootstrap에서 작동하지 않는 경고
- Android 버전 Oreo에서 알림이 작동하지 않음
- javascript - 부트 스트랩을 사용하여 조건부 버튼을 추가하는 방법은 무엇입니까?
- styling - 반응 부트 스트랩 구성 요소가 제대로 작동하지 않습니다
- html - 모든 열에서 부트 스트랩 테이블 정렬이 작동하지 않음
- typescript - 각도 숨기기 및 표시 버튼이 작동하지 않습니다
- jquery - 부트 스트랩 팝 오버 내부의 HTML 양식이 작동하지 않습니다
- html - 부트 스트랩 4 풀 오른쪽이 탐색 모음에서 작동하지 않습니다
- html - http 버전에서 비디오 태그 html5가 작동하지 않습니다
- html - 부트 스트랩 4가있는 센터링 버튼
- php - Larave 8에서 부트 스트랩 4 페이지 매김이 올바르게 작동하지 않음
- Firebase 전화 인증이 Android에서 버전 2000이 작동하지 않습니다
- javascript - npm 버전 패치 - git 작업 디렉토리가 깨끗하지 않습니다
- html - 캐 러셀 상단의 버튼이 작동하지 않는 이유는 무엇입니까?
- networking : 버전 20.04에서 작동하는 RTL8125 Realtek 드라이버를 얻을 수 없습니다.
- pic - EZBL_EraseAll 또는 EZBL_NVMKEY가 mplab x IDE 버전 54에서 작동하지 않음
- HTML FORM의 입력 유형 FILE이 Safari 버전 1401에서 작동하지 않음 (146102115110)
- jquery - 동적으로 생성 된 요소에서 Bootstrap ColorPicker가 작동하지 않음
- conda - Python의시를 사용하여 작업 디렉토리에서 로컬 환경으로 내 패키지의 최신 버전을 설치합니다
- c# - foreach에있는 두 개의 다른 라디오 버튼이 하나로 작동합니다
관련 질문
- javascript : 부트 스트랩 모달은 닫은 후에도 몸에 패딩을 계속 추가합니다.
- javascript : Shadow Dom은 정의되지 않은 '스타일'속성을 읽을 수 없습니다.
- Javascript를 사용하여 입력 상자에서 입력을 시뮬레이션하는 방법은 무엇입니까?
- javascript : Python 미리보기 생성기 FileNotFoundError
- javascript : 버튼을 클릭하여 모달을 전환하고, 오른쪽 상단 모서리를 클릭하여 모달을 제거합니다. X 기호
- javascript : 내 아이콘이 표시되지 않고 반응 형 메뉴도 표시되지 않습니다.
- javascript : 라디오 단추를 선택하면 올바른 필드가 표시되지 않습니다.
- javascript : 페이지 리디렉션은 작동하지만 기능은 작동하지 않습니다.
- javascript : 클릭 이벤트 리스너로 버튼 토글 디스플레이를 만드는 방법은 무엇입니까?
- javascript : array.filter가 함수가 아닌 이유
부트 스트랩이 HTML 파일 상단의 head 태그 사이에서 사용하는 필수 자바 스크립트 라이브러리를 추가해보십시오.
헤드 태그 사이에있는 위의 라이브러리에서 전체 html 파일의 모습에 대한 예
부트 스트랩 문서 링크는 시작 방법을 설명합니다.
https://getbootstrap.com/docs/4.0/getting-started/introduction/
이것이 도움이되기를 바랍니다