Как установить 2 пользовательских значка в dataview с темой bootstrap

Question

У меня такая же проблема, как и у this post с еще одним осложнением. Мне нужно вставить два значка в свой dataView и сделать их горизонтальными, а не вертикальными.

я могу получить значки там, но они не выглядят правильно, как мне нужно, чтобы они были выровнены по горизонтали:

<xe:this.facets>    
      <xp:panel xp:key="icon"> 
       <xp:div id="div1"> 
        <xp:this.styleClass> 
         <![CDATA[#{javascript:return "glyphicon glyphicon-arrow-up pull-left"}]]> 
        </xp:this.styleClass> 
        <xp:eventHandler event="onclick" submit="true" 
         refreshMode="complete"> 
         <xp:this.action><![CDATA[#{javascript://Do stuff here}]]></xp:this.action> 
        </xp:eventHandler> 
       </xp:div> 
       <xp:div id="div2"> 
        <xp:this.styleClass> 
         <![CDATA[#{javascript:return "glyphicon glyphicon-arrow-down pull-right"}]]> 
        </xp:this.styleClass> 
        <xp:eventHandler event="onclick" submit="true" 
         refreshMode="complete"> 
         <xp:this.action><![CDATA[#{javascript://Do stuff here}]]></xp:this.action> 
        </xp:eventHandler> 
       </xp:div> 
      </xp:panel> 
    </xe:this.facets> 

Answer 1

Поскольку те дивы, они собираются быть display: block по умолчанию. Я предлагаю либо добавить что-то вроде style="display: inline" в <xp:div/> или изменить их на <xp:panel tagName="i"/>.