xpages應用程序佈局引導3 - 錯誤在右欄

如果我在appLayout的右列中使用引導div，我會得到在屏幕大小sm右側的列覆蓋中央列的「有趣」效果。我認爲這是在div類右列的缺失定義（代碼從XPages中EXTLIB自動生成）：xpages應用程序佈局引導3 - 錯誤在右欄

<div class="row"> 
    <div class="col-md-10 col-sm-9 applayout-content"> ... </div> 
    <div class="col-md-2 col-sm-3 applayout-column-right"> 
     <div class="well" style="height:400px;">Right Column</div> 
    </div> 
</div>

當我的螢火進入COL-SM的定義是這樣的：

<div class="row"> 
    <div class="col-md-10 col-sm-9 applayout-content"> ... </div> 
    <div class="col-md-2 col-sm-3 applayout-column-right"> 
     <div class="well" style="height:400px;">Right Column</div> 
    </div> 
</div>

它按預期工作，效果不見了。我錯過了什麼，還是ExtLib應用程序佈局控件中的錯誤？

的XPages 9.0.1服務器上，EXTLIB版本901v00_16.20160128-1014

烏韋

來源

2016-04-19 Uwe J.

什麼是你的右列的內容是什麼？你在OpenNTF論壇上提到它需要一些使用引導類的div嗎？但它看起來像ExtLib代碼中的一個錯誤。一個簡單的修復，如果我可以驗證導致問題的使用案例 –

啊，明白了，如果你添加'

'到右列，那麼它重疊在sm屏幕/設備上的中央列 –

您是對的，這是使用bootstrapResponsiveApplicationConfiguration時應用程序佈局控制中的一個錯誤。我在使用Bootstrap3.theme的應用程序以及右側列中的井中重現了該問題。正如你所建議的那樣，缺失的col-sm類確實是原因。

我在github repository for the ExtLib上登錄了該問題。將在下一個版本的擴展庫中爲此問題提供修補程序。感謝您突出顯示/發現它。

UPDATE：此問題的解決方法是在最新發布EXTLIB，EXTLIB 17，它被釋放從OpenNTF網站昨日（2016年6月2日）

來源

2016-04-28 09:37:03

感謝Brian修復它。 BTW：如果用戶可以配置這些列的定義，它不是一個很酷的功能嗎？我開始爲我們的應用程序中的佈局網格生成模板自定義控件，其中我預定義了（例如）4 s和一個（註釋）配置文件，我可以在其中配置類和這些的渲染。如果您有興趣，我會郵寄給您（或將其發佈到某處）。 –

可能是應用程序佈局控制的有用功能。也許在將來要看一些東西。 –

僅供參考，此問題的解決方案是在最新的ExtLib發行版ExtLib 17中發佈的，該發行版昨日（2016年6月2日）在openntf站點上發佈， –

是「COL-MD-10 COL-SM-9 applayout內容」應該是這樣關閉這兩個並排？

<div class="row"> 
    <div class="col-md-10 col-sm-9 applayout-content"> 
     Some text here... 
    </div> 
    <div class="col-md-2 col-sm-3 applayout-column-right"> 
     More text here... 
    </div> 
</div>

來源

2016-04-19 17:27:08 nallenanderson

當在xs屏幕上時，然後div是垂直顯示在彼此之間的（這很好），但是在sm屏幕上，右列覆蓋中間一個並使其不可見。不應該關閉中間列（col-md-10 col-sm-9 applayout-content），它必須在每個屏幕上都可見。 –

xpages應用程序佈局引導3 - 錯誤在右欄

回答

相關問題