与 Ionic 应用程序中的样式混淆 + Bootstrap

Question

我有 Ionic 应用程序，我在其中使用 angular-ui-bootstrap Datepicker。要仅在此日期选择器上应用 bootstrap 样式，我在 div 元素上应用 class="bootstrap"（我使用 Sass 导入 bootstrap 并用 .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

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

.th {
    vertical-align: middle;
}

现在可以了。

与 Ionic 应用程序中的样式混淆 + Bootstrap

Confusion with the styles in Ionic app + Bootstrap

css

angular-ui-bootstrap

ionic-framework