Position des Dropdown-Zeigers ändern?

Question

<div class="dropdown"> 
    <a data-toggle="dropdown" href="#">Dropdown trigger</a> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
    ... 
    </ul> 
</div> 

Ich muss den Zeiger auf das Dropdown horizontal verschieben? Hier die diese fiddle

Answer 1

Versuchen ist, müssen Sie auf den Pfeil ändern, werden die Änderungen in der fiddle

.dropdown { 
    display: inline-block; 
} 
.dropdown-menu { 
    left: 110%; 
    top: 0; 
} 
.dropdown-menu:before { 
    top: 0; 
    left: -8px; 
    border-top: 7px solid transparent; 
    border-right: 7px solid #ccc; 
    border-bottom: 7px solid transparent; 
    border-left: none; 
} 
.dropdown-menu:after { 
    top: 0; 
    left: -6px; 
    border-top: 6px solid transparent; 
    border-right: 6px solid #ffffff; 
    border-bottom: 6px solid transparent; 
    border-left: none; 
}