Twitter bootstrap 无法使用XPages扩展库引导小型井

Twitter bootstrap 无法使用XPages扩展库引导小型井,twitter-bootstrap,xpages,Twitter Bootstrap,Xpages,在一个使用Bootstrap的XPages应用程序中,我试图创建一个“well-sm”,并得到更大的“well”的填充 我有以下代码: <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="computedFie

在一个使用Bootstrap的XPages应用程序中,我试图创建一个“well-sm”,并得到更大的“well”的填充

我有以下代码:

<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>


当我呈现我的页面时,我没有得到“well sm”的填充。我只是得到了“好”的填充。当我在Chrome中检查css时,它看起来像是被“.dbootstrap.well”重写了。我不知道这是从哪里来的。我想它是Ext.Library里面的东西,也许“d”代表dojo,但我不确定。我们不是在Ext.Library的最新版本上,而是在第二个最新版本上。所以它提供了Bootstrap3.2.0

有人知道这个dboosttrap样式是从哪里来的,我如何避免它吗

注意:我添加了标签twitter bootstrap以供以后搜索,但我确信这是特定于XPages环境的

谢谢


它看起来像是Ext库中引导的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
/.ibmxspres/.extlib/responsive/dijit/dbootstrap-0.1.1/theme/dbootstrap/dbootstrap.css
但它是作为最后一个css呈现的,因此它覆盖了本机引导css,这是我的观点不正确的。可能您应该在扩展库的Github上提出这个问题


我找到了Brian Gleeson关于这个问题的评论,评论部分

它看起来像是Ext库中引导的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
/.ibmxspres/.extlib/responsive/dijit/dbootstrap-0.1.1/theme/dbootstrap/dbootstrap.css
但它是作为最后一个css呈现的,因此它覆盖了本机引导css,这是我的观点不正确的。可能您应该在扩展库的Github上提出这个问题


我找到了Brian Gleeson关于这个问题的评论,评论部分不确定是否可以避免它,但是创建一个更具体的css选择器肯定会覆盖它。如果我是您,我会使用元素的id设置所需的间距,但不确定您是否可以避免它,但创建更具体的css选择器肯定会覆盖它。如果我是您,我会使用元素的id来设置所需的间距

我在尝试设置警报类的样式时遇到了类似的问题。dbootstrap样式似乎具有更高的优先级…我在尝试设置警报类的样式时遇到了类似的问题。dbootstrap样式似乎具有更高的优先级。。。