与 Ionic app + Bootstrap 中的样式混淆答案

【问题标题】：Confusion with the styles in Ionic app + Bootstrap与 Ionic app + Bootstrap 中的样式混淆
【发布时间】：2018-12-02 01:56:35
【问题描述】：

我有使用 angular-ui-bootstrap Datepicker 的 Ionic 应用程序。要仅在此日期选择器上应用引导样式，我在 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;
}

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

Ionic CSS 和 Bootstrap CSS 之间可能存在一些名称冲突。我建议从您正在使用的 Bootstrap 中处理与该类相关的 CSS，并将其粘贴到项目的 CSS 文件中。

希望对你有帮助。

【讨论】：

【解决方案2】：

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

.th {
    vertical-align: middle;
}

现在可以了。

【讨论】：