Bewegen Bootstrap Karussell Indikatoren außerhalb und ändern Sie ihre Symbole

Question

Ich möchte Bootstrap Karussell Indikator außerhalb des Karussells div verschieben und ändern Sie ihre Symbole mit font awesome Symbole.

Bitte überprüfen Sie das Bild unten als ein Beispiel.

Dies ist Design-Anforderung, ich könnte nicht herausfinden, wie dies zu tun ist. Dank

Answer 1

Sie sie nach rechts des Schiebers wie dies schieben kann ...

.carousel-indicators { 
    text-align: right; 
    float: right; 
    right: 2% !important; 
    left: inherit; 
} 

oder dies:

.carousel-indicators { 
position: absolute; 
bottom: 10px; 
right: 0; 
z-index: 15; 
width: 60%; 
margin-right: 20px; 
list-style: none; 
text-align: center; 
} 

und überprüfen Styling bootstrap carousel indicators oder Bootstrap Carousel Indicator with Numbers oder Bootstrap carousel with font awesome icon für verschiedenen Stilen von Karussellindikatoren.

Hoffe, das ist hilfreich :)