XPageでは、拡張ライブラリ "listInline"コマンドは、水平リストの代わりに垂直を返します

Question

私たちは拡張ライブラリ "listInline"コマンドに問題があり、Xpagesで水平リストの代わりに垂直を与えています。以下のコードと問題のスナップショットである：

<?xml version="1.0" encoding="UTF-8"?> 
    <xp:view xmlns:xp="http://www.ibm.com/xsp/core" 
    xmlns:xe="http://www.ibm.com/xsp/coreex"> 
    <xp:label value="Here is an inline list:" id="label4"></xp:label> 
    <xe:listInline id= "listInline1"> 
     <xp:link escape= "true" text= "Link 1" id= "label1"></xp:link> 
     <xp:link escape= "true" text= "Link 2" id= "link2"></xp:link> 
     <xp:link escape= "true" text= "Link 3" id= "link3"></xp:link> 
    </xe:listInline> 
</xp:view> 

は私たちの代わりにページ全体に行くリンクの

Here is an inline list: 
Link 1 
Link 2 
Link 3 

を与えます。

Link 1 Link 2 Link 3 

Answer 1

あなたはテーマ "Bootstrap4"を使用する場合は、垂直リストのエントリを示しています。

が水平リストを取得するには、以下のCSSを追加します。別の方法として

.lotusInlinelist li { 
    border-left: 1px solid #CCCCCC; 
    display: inline; 
    margin: 0; 
    padding: 0 7px; 
} 

を、あなたは「Bootstrap3」のような別のテーマに切り替えることができます。