無法使用XPages擴展庫進行小引導

在使用Bootstrap的XPages應用程序中，我試圖做一個「well-sm」，並且我得到了較大「well」的填充。無法使用XPages擴展庫進行小引導

我有這樣的代碼：

<xp:div styleClass="col-xs-12 col-sm-6 col-md-4 col-lg-4"> 
     <xp:div styleClass="well well-sm" id="RecentJob"> 
      <xp:text escape="true" id="computedField5" value="#{jobData.formattedJobCode}"></xp:text> 
       <br /> 
       <xp:text escape="true" id="computedField6" value="#{jobData.jobDesc}"></xp:text> 
       <xp:eventHandler event="onclick" submit="true" refreshMode="complete"> 
       <xp:this.action><![CDATA[#{javascript:context.redirectToPage("job.xsp?jobId=" + jobData.getId())}]]></xp:this.action> 
       </xp:eventHandler> 
     </xp:div> 
</xp:div>

當我使我的網頁我沒有收到「精心SM」的填充。我只得到「好」的填充。當我在Chrome中檢查CSS時，它看起來像是被「.dbootstrap .well」覆蓋。我不知道這是從哪裏來的。我認爲這是內部的東西。圖書館，也許「d」代表道場，但我不確定。我們不在最新版本的Ext上。圖書館，我們是第二個最近的。所以它提供了Bootstrap 3.2.0。

任何人都知道這個dboostrap樣式來自哪裏以及如何避免它？

注意：我已經添加了標籤twitter-bootstrap供以後搜索，但我確定這是特定於XPages環境。

謝謝！

來源

2016-03-12 David Leedy

它看起來就像是一個DojoTheme在內線庫引導如你預期

<!-- dbootstrap styles --> 
    <resource dojoTheme="true"> 
     <content-type>text/css</content-type> 
     <href>/.ibmxspres/.extlib/responsive/dijit/dbootstrap-0.1.1/theme/dbootstrap/dbootstrap.css</href> 
    </resource>

但它呈現爲最後的CSS，所以它會覆蓋本機引導的CSS，這是我的意見不正確。可能你應該在擴展庫的Github上提出這個問題。

我發現布賴恩·格里森的評論對這個問題，評論部分https://quintessens.wordpress.com/2015/10/14/collapsible-menu-with-persistent-state/

來源

2016-03-13 06:45:44

我有類似的問題試圖設置警報類的樣式。 dbootstrap樣式似乎具有更高的優先級... – Howard

不知道，如果你能避免它，但創建一個更具體的CSS選擇器將覆蓋它肯定。如果我是你，我會使用元素的id來設置所需的間距

來源

2016-03-13 11:02:30

無法使用XPages擴展庫進行小引導

回答

相關問題