2014-10-09 58 views
0

我在Liferay中使用经典主题并试图进行布局。在IDE上它显示完全正常,但是当我将它应用到我的页面上时,我没有按照布局划分页面。布局不能在Liferay中工作

我可以逐行添加portlet,但不会在我创建的布局中分割1-2-2-1。

以下是代码。请帮忙。

<div class="home" id="main-content" role="main"> 
    #if ($browserSniffer.isIe($request) && $browserSniffer.getMajorVersion($request) < 8) 
     <table class="portlet-layout"> 
     <tr> 
      <td class="aui-w100 portlet-column portlet-column-only" id="column-1"> 
       $processor.processColumn("column-1", "portlet-column-content portlet-column-content-only") 
      </td> 
     </tr> 
     </table> 

     <table class="portlet-layout"> 
     <tr> 
      <td class="aui-w30 portlet-column portlet-column-first" id="column-2"> 
       $processor.processColumn("column-2", "portlet-column-content portlet-column-content-first") 
      </td> 
      <td class="aui-w70 portlet-column portlet-column-last" id="column-3"> 
       $processor.processColumn("column-3", "portlet-column-content portlet-column-content-last") 
      </td> 
     </tr> 
     </table> 

     <table class="portlet-layout"> 
     <tr> 
      <td class="aui-w100 portlet-column portlet-column-only" id="column-4"> 
       $processor.processColumn("column-4", "portlet-column-content portlet-column-content-only") 
      </td> 
     </tr> 
     </table> 
    #else 
     <div class="portlet-layout"> 
      <div class="aui-w100 portlet-column portlet-column-only" id="column-1"> 
       $processor.processColumn("column-1", "portlet_56_INSTANCE_F9mSTanO1pkp") 
      </div> 
     </div> 

     <div class="portlet-layout"> 
      <div class="aui-w30 portlet-column portlet-column-first" id="column-2"> 
       $processor.processColumn("column-2", "portlet-column-content portlet-column-content-first") 
      </div> 

      <div class="aui-w70 portlet-column portlet-column-last" id="column-3"> 
       $processor.processColumn("column-3", "portlet-column-content portlet-column-content-last") 
      </div> 
     </div> 

     <div class="portlet-layout"> 
      <div class="aui-w100 portlet-column portlet-column-only" id="column-4"> 
       $processor.processColumn("column-4", "portlet_56_INSTANCE_mF6lT48JoIgZ") 
      </div> 
     </div> 
    #end 
</div> 
+0

时应用此布局如何划分你的网页?你正在使用哪个版本的Liferay?然而这个布局似乎不是1-2-2-1而是1-2-1。 – 2014-10-09 09:12:19

+0

我的页面只分为水平行,列根本就没有出现。 Liferay版本 - 6.2 – 2014-10-09 09:54:46

回答

1

Liferay 6.2使用引导样式布局,因此您的代码有效期最长为6.1。 尝试使用助推类spanXX更改所有aui-wXXX

有关的自举布局详见:http://getbootstrap.com/2.3.2/scaffolding.html#fluidGridSystem

NB

Liferay的使用引导2.3.2,而不是3.0

+0

我知道它迟了一点......但感谢Marco的信息。这工作正常。 我对此很陌生,不知道低调。 :) – 2014-10-14 09:46:38