tdoescher/flex-bundle

基于 Bootstrap CSS 类的 Flexbox 系统

维护者

详细信息

github.com/tdoescher/contao-flex-bundle

源代码

问题

安装: 345

依赖: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

开放问题: 0

类型:contao-bundle

3.0.2 2024-03-11 09:37 UTC

Requires

LGPL-3.0-or-later 0eedfa243e6776c3eee407eefddedb9873e425e7

This package is auto-updated.

Last update: 2024-09-11 10:45:37 UTC

README

此扩展包扩展了 Contao，增加了用于基于 Bootstrap 类（Bootstrap 5）创建 Flexbox 布局的 Content 元素。通过一个开启元素启动布局，并配置列。然后，布局内的所有 Content 元素将被包装到一个 DIV 中，并使用相应的 CSS 类输出。

Bootstrap 框架需要手动添加。

文档

值 1 可见性（可选）

h/hidden: 隐藏一个单元格。
s/show: 显示单元格。

Breakpoint XL:	4:4:4:h 		letzte Zelle wird ausgelbendet
Breakpoint XXL:	3:3:3:3:s,3 	letzte Zelle wird wieder eingeblendet

值 2 宽度

a/auto: 单元格宽度根据其内容调整。
n/none: 不指定宽度，同一行中的所有单元格宽度相等。
1-12: 单元格宽度通过 12 列的数量来定义。

值 3 偏移（可选）

0-12: 单元格前的偏移量通过 12 列的数量来定义。
空： 留空此值以不产生偏移。

Breakpoint MD:	8,2		alle Zellen werden mittig ein drittel der Breite angezeigt  
Breakpoint XL:	6		alle Zellen werden nebeneinander angezeigt

值 4 位置（可选）

f/first: 将单元格放置在开头。
l/last: 将单元格放置在末尾。
0-5: 将单元格放置在指定的位置。

Breakpoint MD:	6,,1:6,,2:6,,4:6,,3		die dritte und vierte Zelle werden vertauscht  
Breakpoint XL:	3,,0					die Zellen sind wieder in der normalen Reihenfolge

列宽