CSS在下拉

Question

我使用的是引导仪表板由Creative Tim，并试图将一个下拉列表添加到表格单元格作为典型的自举右对齐的指针一个指针下拉列表中，这是很好又漂亮，可是左对齐：

如何转变风格this指针，因此它是右对齐？

，但我无法重现它的导航面板外：在页面顶部看到下拉菜单 -

的风格确实存在这种行为。

我在这里上传有问题的网页（也有很多款式有上传到的jsfiddle）： http://fredapps.s3.amazonaws.com/light-bootstrap-dashboard-pro/examples/tables/regular2.html

Answer 1

他似乎做它his live preview的方法就是通过CSS。所以如果我是你，我会去看看那里，看看你们有什么不同。我的屏幕截图显示:before伪元素，请确保您也看到了:after。

Answer 2

顶部导航风格将覆盖:before和:after的left值。

的默认样式是这样的：

.dropdown-menu:before { 
    border-bottom: 11px solid rgba(0, 0, 0, 0.2); 
    border-left: 11px solid transparent; 
    border-right: 11px solid transparent; 
    content: ""; 
    display: inline-block; 
    position: absolute; 
    left: 12px; 
    top: -11px; 
} 

.dropdown-menu:after { 
    border-bottom: 11px solid #FFFFFF; 
    border-left: 11px solid transparent; 
    border-right: 11px solid transparent; 
    content: ""; 
    display: inline-block; 
    position: absolute; 
    left: 12px; 
    top: -10px; 
} 

更新他们：

... { 
    left: auto; 
    right: 12px; 
}