Question

我在Liferay中使用经典主题并尝试制作布局。在IDE上它显示完全正常，但当我将它应用到我的页面时，我没有按照布局划分页面。

我可以逐行水平添加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>

Answer 1

Liferay 6.2使用引导程序样式布局，因此您的代码最高可达6.1。尝试使用boostrap类aui-wXXX更改所有spanXX。

有关boostrap布局的详细信息，请参阅：http://getbootstrap.com/2.3.2/scaffolding.html#fluidGridSystem

NB

Liferay使用bootstrap 2.3.2而不是3.0

布局在Liferay中不起作用

1 个答案: