2013-10-22 16 views
1

在我嘗試在我自己當前的項目中使用美妙的ui-bootstrap項目的某處,我會遇到非常錯誤的。我過去沒有使用過ui-bootstrap,也無法看到我犯的錯誤。以下文章解釋了我的問題以及它應該是什麼樣子。這兩個搶劫犯有什麼區別? (angularjs,angular-ui)

Link to functional popover directive plunker from angular ui site.

Link to non-functional replication of popover directive that I put together.

我要去哪裏錯了?我嘗試將所有事情都剝離到準系統中,而且我沒有任何運氣來確定是什麼導致了這個問題。

對於它的價值這個問題上適用於需要在其功能的其他DOM元素(日期選擇器,工具提示,預輸入等)的臨時滯留的任何指令。

看來問題就在於我已經包含了特定的文件,但被作爲版本相同,則不會給我爲什麼包括他們,因爲我已經(而不是它們是如何納入工作說明例如)應該有所作爲。任何幫助/建議在這個問題將不勝感激。

回答

1

您的引導CSS文件有一些問題(包括查看截斷,因此缺少一些您試圖使用的關鍵CSS屬性)。

使用良好版本的Bootstrap css文件修復了所有內容。這裏有一個新的版本,你的工作原理:http://plnkr.co/edit/VTjb2S?p=preview

請注意我添加的新「new.min.css」 - 它只是bootstrap縮小的CSS的一個好副本。我所做的唯一更改是使用該css文件,而不是最初在plunker中的文件。

,或者,使用引導CSS的CDN版本還修復的問題:

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> 
+0

胡的人,非常感謝戴夫。我不知道我是否能夠告訴bootstrap文件被篡改。 – bornytm

+0

不客氣。我剛剛在Chrome的開發人員工具中使用了這兩個版本,並且看到工作版本中定義了很多類,而非工作版本沒有。我從那裏後面看到它是引導CSS。 – KayakDave

+0

啊,我明白了。我真的需要花時間學習可用的開發工具。再次感謝。 – bornytm