求得/分享资源

  • 您希望求得还是分享呢?

  • 求得资源(我们会尽全力满足) *

  • 分享资源(我们代表其他用户衷心感谢您的分享)

  • 分享附件

    浏览文件

  • 确认提交

  • 验证码
    看不清?换一张
    取消
    确定

响应分栏丨如何搭配使用?

北京深量技术有限公司
发表时间: 2021-04-02

功能作用


  • 添加的模块默认是独占一行,当页面一行需要显示多个模块时需要使用响应分栏为基础,把多个模块放到一整行。可分别设置PC跟手机一行的显示布局方式。
  • 分栏的比例分为12等份,每个数字表示分栏的宽度比例,例如:设置3,9,就是把屏幕以3:9的比例划分;分别添加模块到3跟9两个区域,不支持小数。



实现效果


  • 通过使用响应分栏,实现网站一行放置多个模块的布局,编辑网站布局必备模块。



一、响应分栏设置


1.1 操作路径


  • 网站编辑页面——添加模块——响应分栏——拖动模块到页面合适位置






2、设置方式


  • 2.1 通用设置:


  • 按页面一行放置模块多少或比例,可选择使用系统默认的比例。



  • 以3.9比例为例,添加后如下图:






  • 2.2 自定义设置:


  • 若系统默认的比例不能满足您的需求,点击“自定义”可设置自己想要的分栏比例


  • 分栏总比例为12,数字间以逗号隔开,如:3,4,5


  • PC跟手机的比例可以不一样



  • 以上述截图比例为例


  • PC端效果:



  • 手机端效果:




二 、效果演示图


  • 分栏比例设置为:3,3,3,3  效果如下图:



  • PC端在分栏里面添加图片模块的效果如下图:



  • 手机端在分栏里面添加图片模块的效果如下图:




  • 更灵活的布局设置,可参考自定义分栏模块 : 点击跳转







常见问题:


  1. 问:为什么要添加响应分栏?
    答:流式布局拖出来的模块会占用一整行,当一行中需要添加多个模块时,需要使用响应分栏把一行分为多个区域使用。

  2. 问:响应分栏中可以再添加响应分栏吗?
    答:不行

  3. 问:响应分栏怎么设置模块整页显示?两边不留白?
    答:高级设置——默认更改为全屏


浏览:
点赞 | 0
分享
响应分栏丨如何搭配使用?
长按图片保存/分享

5x8小时服务

免费备案

无忧退款

全周期专业服务

我们期待您的来电。

ShenLiang 010 - 8646 6600

京ICP备16060693号-2京公网安备11010802028442号版权所有 © 1999 - 2021 北京深量技术有限公司,保留所有权利。

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.

添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了