刪除圓角時的自舉彈出箭頭校正

Question

我已經設置了引導3彈出設計here。

我已刪除了邊界半徑與此代碼：

.popover { 
    -moz-border-radius: 0; 
    -webkit-border-radius: 0; 
    border-radius: 0; 
    max-height: 50%; 
    overflow-y: auto; 
} 

這導致箭頭從視野中消失。我想保留箭頭。嘗試了很多這裏提供的解決方案，但無法做到。我如何糾正我的代碼？

Answer 1

這是導致問題的溢出。如果你想設置的自定義高度做對.popover-content

在這裏看到：http://www.bootply.com/esSpOuWbLb

Answer 2

問題是消除圓角不是因爲。

由於overflow-y：auto;你得到這個問題

.popover { 
    -moz-border-radius: 0; 
    -webkit-border-radius: 0; 
    border-radius: 0; 
    max-height: 50%; 
    overflow-y: auto; 
} 

解決方案：

.popover { 
    -moz-border-radius: 0; 
    -webkit-border-radius: 0; 
    border-radius: 0; 
    max-height: 50%; 
} 
.popover-content{ 
    height: 80px; 
    overflow-x: hidden; 
    overflow-y: scroll; 
}