부트 스트랩 회전식 플러그인은 사이트에 슬라이더를 추가하는 유연하고 반응이 좋은 방법입니다. 그 외에도 콘텐츠는 이미지, 임베디드 프레임, 비디오 또는 배치하려는 다른 유형의 컨텐츠가 될 정도로 유연합니다.
부트 스트랩의 회전식 플러그인을 사용하면 사이트에 슬라이더를 추가 할 수 있으며 컨텐츠는 이미지, 임베디드 프레임, 비디오 또는 다른 것일 수 있습니다. Carousel 플러그인을 사용하려면 bootstrap.min.js를 도입해야합니다.
먼저 렌더링을 보여 드리겠습니다. 꽤 좋다고 생각되면 구현 코드를 참조하십시오.
렌더링은 다음과 같습니다.
키 코드는 다음과 같습니다.
<div id = "carousel-example-generic"data-ride = "carousel"> <! <! <! <! <! <ol> <li data-target = "#carousel-example-generic"data-slide-to = "0"> </li> <li data-target = "#carousel-Axample-Generic"data-generic "data-slide-to = data-target = "#carousel-example-generic"data-slide-to = "2"> </li> </ol> <! src = "~/images/desert.jpg"/> <div> xxxxxxxxxxxxxxxxxxx </div> </div> <div> <img src = "~/images/lighthouse.jpg"/> <div> mmmmmmmmmmmm </divg "<! href = "#carousel-example-generic"lole = "button"data-slide = "prev"> </span> <span> previous </span> </a> <a href = "#carousel-example-generic"robile = "button"data-slide = "next"> <span> </span> next </span> </a div>
위의 내용은 소개 된 부트 스트랩 회전식 플러그인의 열 번째 챕터에 대한 전체 설명입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!