1

在我尝试在我自己当前的项目中使用美妙的 ui-bootstrap 项目的某个地方,我大错特错了。我过去使用 ui-bootstrap 没有任何问题,并且看不到我在哪里犯了错误。以下朋克说明了我的问题以及它应该是什么样子。

从 angular ui 站点链接到功能性 popover 指令 plunker。

链接到我放在一起的 popover 指令的非功能复制。

我哪里错了?我已经尝试将所有内容都简化为准系统,但我无法确定导致此问题的原因。

值得一提的是,这个问题适用于任何需要在其功能中放置其他 DOM 元素的指令(日期选择器、工具提示、预输入等)。

似乎问题在于我包含的特定文件,但由于版本相同,它并没有向我解释为什么像我一样包含它们(而不是它们如何包含在工作示例中)应该使任何区别。在这件事上的任何帮助/建议将不胜感激。

4

1 回答 1

1

您的引导 css 文件存在许多问题(包括看起来被截断,因此缺少您尝试使用的许多关键 css 属性)。

使用良好版本的 Bootstrap css 文件可以修复所有问题。这是你的 plunker 的一个新版本,它可以工作: http ://plnkr.co/edit/VTjb2S?p=preview

请注意我添加的新“new.min.css”——它只是引导程序缩小 css 的一个很好的副本。我所做的唯一更改是使用该 css 文件而不是原来在 plunker 中的那个。

或者,或者,使用引导 css 的 CDN 版本也可以解决问题:

 <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
于 2013-10-22T04:59:43.420 回答