Question

我的客户希望维护自己的网格，以便他们可以像他们想要的那样完全设计他们的设计。问题在于，当我在Bootstrap中添加concrete5网格时，默认情况下会创建一个col-md-6。

问题是我的设计有2个选项，移动或桌面。在我的默认设置中，我喜欢这样：

<div class="row">
  <div class="col-sm-6">A</div>
  <div class="col-sm-6"><img></div>
</div>
<div class="row">
  <div class="col-sm-6"><img></div>
  <div class="col-sm-6">B</div>
</div>

这里的问题是，这应该是“桌面”版本的布局，所以我需要使用col-lg代替。对于所有较小的设备（列表及以下），行应为全屏，因此它应如下所示：一个乙

我如何在concrete5中实现这一目标？我遇到的另一个问题是，如果我做出响应，设计会按照移动顺序显示：

文本
照片
照片
文本

客户想要的地方就像col-push会进来的地方。

如果使用Concrete5，我怎么能这样做？我当然可以手动设置所有内容并将内部块作为内容，但通过这样做它根本不灵活。

由于

Answer 1

这应该可以使用主题区域布局预设（在page_theme.php中定义）。
缺点是你必须定义所有可能性。

示例：

public function getThemeAreaLayoutPresets(){
$presets = array(
    array(
        'handle' => '2_columns_no_push',
        'name' => '2 Columns no push',
        'container' => '<div class="row"></div>',
        'columns' => array(
            '<div class="col-lg-6 col-md-12"></div>',
            '<div class="col-lg-6 col-md-12"></div>'
        )
    )
);
return $presets;
}

开发人员文档：http://documentation.concrete5.org/developers/designing-for-concrete5/adding-complex-custom-layout-presets-in-your-theme

Concrete5高级网格

1 个答案: