与Ionic应用程序+引导程序中的风格混淆

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>

它运行良好。但是Ionic样式确实适用于这个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;
}

现在它起作用了。