Сonfusion在Ionic應用程序中的樣式+引導

Question

我有我使用angular-ui-bootstrap Datepicker的Ionic應用程序。僅在此日期選擇我div元素上應用class="bootstrap"應用引導式的（我導入引導使用無禮與.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

我發現我的錯誤。取而代之的tr我必須使用th：

.th { 
    vertical-align: middle; 
} 

現在，它的工作原理。

Answer 2

可能在Ionic CSS和Bootstrap CSS之間存在一些名稱衝突。我建議應對與您正在使用的Bootstrap中的類有關的CSS，並將其粘貼到項目的CSS文件中。

希望它有幫助。