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 

을 제공합니다 : 아래 코드와 문제에 대한 스냅 샷입니다. 당신이 테마 "Bootstrap4"을 사용하는 경우

Link 1 Link 2 Link 3 

Answer 1

그것은 수직 목록의 항목을 보여줍니다.

추가 다음 CSS를 수평 목록을 얻을 :

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

대안으로를, 당신은 "Bootstrap3"와 같은 다른 주제로 전환 할 수 있습니다.