與Ionic App + Bootstrap中的樣式混淆

Question

我有一個Ionic應用程序，其中使用了angular-ui-bootstrap Datepicker。 要僅在此日期選擇器上應用引導程序樣式，請在div元素上應用class="bootstrap" （我使用Sass導入引導程序，並使用.bootstrap包裝）：

<div class="bootstrap">
    <uib-datepicker ng-model="dt" class="well well-sm"></uib-datepicker>
</div>

工作正常。 但是離子樣式確實適用於此div內的元素，我的意思是月份名稱和箭頭顯示不正確。 我嘗試重新定義樣式，但沒有成功。 這種風格行不通

.tr {
    vertical-align: middle;
}

http://codepen.io/anon/pen/xwmxQL

我怎樣才能解決這個問題？

Answer 1

在Ionic CSS和Bootstrap CSS之間可能會發生名稱沖突。 我建議從您正在使用的Bootstrap中處理與該類相關的CSS，並將其粘貼到項目的CSS文件中。

希望能幫助到你。

Answer 2

我發現我的錯誤。 我必須使用th代替tr ：

.th {
    vertical-align: middle;
}

現在可以了。