버튼을 회전판과 같은 모양으로 만드는 방법

Question

안녕하세요. 내 페이지에 회전식 메뉴가 있으며 슬라이더에 단추를 추가하고 있습니다. 다음 슬라이드로 이동하려면 해당 단추를 회전대 표시기처럼 변경하고 싶습니다. t이 좋은 것, 그래서 어떤 사람이 나에게 설명하면 ... 여기

<section id="slide" class="text-center"> 
 
     <div class="container"> 
 
      <div id="mycarousel" class="carousel slide" data-ride="carousel"> 
 
       <ol class="carousel-indicators"> 
 
        <li data-target="#mycarousel" data-slide-to="0" class="active"></li> 
 
        <li data-target="#mycarousel" data-slide-to="1"></li> 
 
        <li data-target="#mycarousel" data-slide-to="2"></li> 
 
       </ol> 
 
       <div class="carousel-inner"> 
 
        <div class="item active"> 
 
         <h1>Head Line</h1> 
 
         <p>Paragraph</p> 
 
         <button type="button" class="btn btn-success"> button </button> 
 
        </div> 
 
        <div class="item"> 
 
         <h1>Head Line 2</h1> 
 
         <p>Paragraph 2</p> 
 
         <button type="button" class="btn btn-success">button2</button> 
 
        </div> 
 
        <div class="item"> 
 
         <h1>Head Line 3</h1> 
 
         <p>Paragraph 3</p> 
 
         <button type="button" class="btn btn-success">button3</button> 
 
        </div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
     </section>

Answer 1

이

<section id="slide" class="text-center"> 
 
     <div class="container"> 
 
      <div id="mycarousel" class="carousel slide" data-ride="carousel"> 
 
       <ol class="carousel-indicators"> 
 
        <li data-target="#mycarousel" data-slide-to="0" class="active"></li> 
 
        <li data-target="#mycarousel" data-slide-to="1"></li> 
 
        <li data-target="#mycarousel" data-slide-to="2"></li> 
 
       </ol> 
 
       <div class="carousel-inner"> 
 
        <div class="item active"> 
 
         <h1>Head Line</h1> 
 
         <p>Paragraph</p> 
 
         <button type="button" class="btn btn-success" data-target="#mycarousel" data-slide-to="1"> button </button> 
 
        </div> 
 
        <div class="item"> 
 
         <h1>Head Line 2</h1> 
 
         <p>Paragraph 2</p> 
 
         <button type="button" class="btn btn-success" data-target="#mycarousel" data-slide-to="2">button2</button> 
 
        </div> 
 
        <div class="item"> 
 
         <h1>Head Line 3</h1> 
 
         <p>Paragraph 3</p> 
 
         <button type="button" class="btn btn-success" data-target="#mycarousel" data-slide-to="0">button3</button> 
 
        </div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
     </section>

을 시도 내 회전 목마 코드의 방법을 수행하는 방법을 알고