Wie platziere ich Bootstrap-Indikatoren in der oberen rechten Ecke?

Question

Ich hätte gerne meine Indikatoren in der oberen rechten Ecke, wie auf dem Bild unten Die Art, wie ich es getan habe, war die Indikatoren einen Prozentsatz Höhe und Breite geben - aber mit dieser Methode kann ich nicht drücken/meine verwenden Karussell-Steuerung auf der rechten Seite, weil meine Indikatoren es irgendwie verdeckt ... das Beispiel der Ausgabe ist auf der folgenden Webseite: http://haagmedia.dk/klf/

Dies ist die einzige Styling ich

bisher auf den Indikatoren

.carousel-indicators { 
    text-align: right; 
    width: 76%; 
    height: 89%; 
    opacity: 0.9; 
} 

Ich hoffe, Sie können mir helfen, mit diesem Problem, damit ich die Indikatoren in der oberen Rig bekommen kann ht Ecke, ohne Auswirkungen auf die Möglichkeit, Folie zu ändern, auf der rechten Seite :)

Answer 1

Ihre Höhe von 89% überlappt die Kontrolle. Wenn Sie eine feste Höhe und eine feste Position verwenden, sollte alles funktionieren.

.carousel-indicators { 
    position: absolute; 
    top: 50px; 
    right: 10px; 
    text-align: right; 
    width: 76%; 
    height: 20px; 
    opacity: 0.9; 
} 

passen sich die feste Positionswerte mit Prozentsätzen eine gute Idee sein könnte ...