BootStrap SharePoint主頁中的popover（）

Question

我是BootStrap / jQuery的新手，而SP 2010的品牌才是新手。

我試圖在我的主頁上完成一個popover工作，但是沒有運氣。 我不確定我在這里缺少什么。 這是我正在頁面上嘗試使用的代碼。

HTML：

<div class="well">
    <p>
        <a href="#" id="hoverOver" class="btn btn-danger " rel="popover" 
            data-original-title="Example PopOver" 
            data-content="BootStrapping SharePoint aren't we now!" 
            data-placement="top">Hover Over Me!
        </a>
    </p>
</div>

JavaScript：

$(document).ready((function() {
    $('#hoverOver').popover();
}

CSS：

.well{
    margin-left:40px;
} 

JSFIDDLE： http : //jsfiddle.net/kKAtN/

我在以下文件夾中包含bootstrap.js，bootstrap.min和jquery-1.8.3.min：

C：\\ Program Files \\ Common Files \\ Microsoft共享\\ Web服務器擴展\\ 14 \\ TEMPLATE \\ LAYOUTS \\ TwitterBootStrapMasterPage \\ js

我將如何使彈窗工作？

Answer 1

1. 您將需要編輯站點的主頁v4.master。
2. 將引用添加到您的Jquery庫以及任何其他代碼庫（包括Bootstrap或CSS樣式表）中。
3. 要應用彈出窗口，請在要顯示功能的頁面上進行編輯。
4. 使用自定義標記和CSS創建一個html文件，您可以在其中編輯彈出式窗口的內容。
5. 例如，在您的主頁上，您希望在標題項目上有一個彈出框。
6. 將內容編輯器Web部件放在頁面上，並將其鏈接到帶有自定義css標記的html文件。
7. 保存頁面並預覽。
8. 源代碼庫位於您的母版頁中，並且可用於任何頁面。
9. 在Sharepoint頁面中編輯代碼的任何地方，都應該認識到Jquery和Bootstrap函數的使用。