与Ionic app + Bootstrap中的样式混淆

Question

我有Ionic app，我使用angular-ui-bootstrap Datepicker。要仅对此datepicker应用引导样式，我在class="bootstrap"元素上应用div（我使用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

我发现了自己的错误。而不是tr我必须使用th：

.th {
    vertical-align: middle;
}

现在可行。