0

我的客户想要维护自己的网格，以便他们可以按照自己的意愿完全设计他们的设计。这方面的问题是当我添加一个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 代替。对于所有较小的设备（col-md 及以下），行应该是全屏的，所以它应该看起来像：A B

我怎样才能在concrete5中实现这一点？我遇到的另一个问题是，如果我使这个响应式设计将按照移动设备的顺序显示它：

  • 文本
  • 照片
  • 照片
  • 文本

客户想要的地方，就像 col-push 进来的地方一样。

如果 Concrete5 可能的话，我怎么能做到这一点？我当然可以手动设置所有内容并将内部块作为内容，但这样做根本不灵活。

谢谢

4

1 回答 1

0

这应该可以通过主题区域布局预设（在 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

于 2016-08-24T07:30:03.390 回答