Question

我开发了一个3列布局，在桌面版中看起来很好。但是在平板电脑和移动设备中，3列布局看起来像是单列布局，其中portlet正在堆叠。

由于我是bootstrap 2.3.2和liferay 6.2版本的新手，我不知道该怎么办。

下面是我写的相同布局代码：

<div class="Sample" id="main-content" class="container-fluid" role="main">
<div class="portlet-layout row-fluid">
    <div class="portlet-column portlet-column-first span1" id="column-1">
        $processor.processColumn("column-1", "portlet-column-content portlet-column-content-first")
    </div>
    <div class="portlet-column portlet-column-last span9" id="column-2">
        $processor.processColumn("column-2", "portlet-column-content portlet-column-content-last")
    </div>
    <div class="portlet-column portlet-column-last span2" id="column-3">
        $processor.processColumn("column-3", "portlet-column-content portlet-column-content-last")
    </div>
</div>

我该怎么做？

Answer 1

响应式设计大部分时间意味着“使设计适应设备”。对于较小的屏幕，Bootstrap将其解释为“堆栈元素而不是并排显示”。

如果那不是您想要的，请改用固定宽度。

如何使用liferay 6.2开发响应式布局？

1 个答案: