AngularJS + Bootstrap flexBox 不兼容?

Posted

技术标签:

【中文标题】AngularJS + Bootstrap flexBox 不兼容?【英文标题】:AngularJS + Bootstrap flexBox incompatible? 【发布时间】:2018-02-13 03:47:07 【问题描述】:

尝试使用“flex”作为显示应该将元素排列在一起,但出于某种奇怪的原因它不会。

我用简单的语法测试了过去 4 天的工作。仔细检查语法错误、拼写错误,并在测试时将所有 css 分解为核心 html 元素。

决定打开一个新目录来测试我对 flex box 的基本知识,与父 div 和子 div 的设置相同,并且它可以工作。唯一不同的是我没有连接 Angular CDN。

这两个文件的布局是相同的,除了用于 ng-repeat 从对象中推出字符串的“”。

我查了谷歌,但找不到准确的答案。

【问题讨论】:

【参考方案1】:

Angular 是一个 javascript 前端框架,完全不干扰任何 css。 这意味着它与弹性盒子不兼容。

我也将 flex 用于我的一些项目,它的工作原理就像一个魅力。所以你做错了其他事情

【讨论】:

以上是关于AngularJS + Bootstrap flexBox 不兼容?的主要内容,如果未能解决你的问题,请参考以下文章

AngularJs+bootstrap搭载前台框架——准备工作

AngularJs+bootstrap搭载前台框架——准备工作

Salesforce + AngularJS + Bootstrap

如何集成 bootstrap-3.0.1 和 AngularJS?

16个良好的 Bootstrap Angularjs 管理后台主题

AngularJs的UI组件ui-Bootstrap分享