2014-02-10 39 views
0

我正在使用ng-grid和其他AngularJS UI Bootstrap元素。我終於能夠重現我在我的網站中遇到的問題。這裏是Plunker link爲什麼我的網格頁腳未與我的底部邊界對齊

注意頁腳和邊框之間頁腳底部的紅色邊框。我發現如果我將Bootstrap CSS註釋掉,問題就會消失。顯然存在衝突,但我不確定從哪裏開始尋找。

這是一個已知的問題與NG網格?可以在使用UI Bootstrap的頁面上使用ng-grid嗎?

Screenshot of problem.

回答

1

不知道這個問題的根本原因是什麼,但如果你只是需要一個修復,添加到您的CSS:

.ngFooterPanel { 
    top: 2px; 
} 

.ngFooterPanel { 
    height: 57px; 
} 
+0

你對!這確實有效。好的,我知道爲什麼改變高度爲2px的高度會掩蓋紅色,但爲什麼要將ngFooterPanel的* top *更改爲2px將其推下?太奇怪了。我會承擔的! – Nate

+1

它的位置是:相對的,所以當你將top設置爲2px時,它只是說從它以前的任何位置的頂部移動它2px(有效地將它向下移動2px) – dave

+0

感謝您的解釋。這就說得通了。 – Nate

相關問題