css - 与 Ionic app + Bootstrap 中的样式混淆

标签 css ionic-framework angular-ui-bootstrap

我有一个 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

我该如何解决这个问题?

最佳答案

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

希望对您有所帮助。

关于css - 与 Ionic app + Bootstrap 中的样式混淆,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33668065/

相关文章:

ionic-framework - 电容器 IONIC 6 : Local Notification scheduling every day and on particular time

javascript - 使用 Angular.ui Datepicker 没有显示日期

angularjs - textAngular 标题按钮不能更大?

html - 用 css 覆盖内联样式

html - 任意宽度的垂直导航栏固定在左侧。如何填充主要内容?

angularjs - 当用户滚动到 Angular js中的div顶部时如何显示警报?

javascript - $sce.trustAsHtml 和 ng-show

javascript - Angularjs 选项卡按钮

javascript - 移除 HTML5 输入类型 ="time"出现的箭头

html - 我的页脚消失了