Html Flexbox页边距顶部：自动不将项目推到底部

我要UL把每件物品都推到容器底部。我有空白顶部：自动设置的项目，但它不工作。我有另一个演示，但这是一个，我需要使用。有什么帮助吗

。特色产品转盘{
显示器：flex；
柔性包装：nowrap；
证明内容：之间的空间；
保证金：0自动；
最大宽度：1150px；
宽度：80%；
}
.特色产品转盘.项目{
背景色：白色；
填充：20px；
对齐项目：拉伸；
显示器：flex；
弯曲方向：立柱；
利润率：10px；
填充：0；
flex:1自动；
柔性包装：包装；
}
.特色产品转盘.项目h2{
文本对齐：居中；
填充：8px 5px；
}
.特色产品转盘.项目.特色产品说明{
页边距底部：自动；
}
.特色产品转盘.项目.特色产品链接{
页边顶部：自动；
}
.特色产品转盘.ul项目{
页边顶部：自动；
}

[产品编号]
说明文本。关于某个特定部分的大量精彩内容。描述文本。关于某个特定部分的大量精彩内容






[产品编号]
说明文本。关于某个特定部分的大量精彩内容






[产品编号]
说明文本。关于某个特定部分的大量精彩内容。描述文本。关于某个特定部分的大量精彩内容






[产品编号]
说明文本。关于某个特定部分的大量精彩内容

父元素不是

显示：flex即使您已经指定了，因为有另一条规则将其覆盖为
display:block！重要的


显示：阻止！重要信息
来自第6636行的bootstrap.css和第6554行的另一个bootstrap.css


。特色产品转盘{
显示器：flex；
柔性包装：nowrap；
证明内容：之间的空间；
保证金：0自动；
最大宽度：1150px；
宽度：80%；
}
.特色产品转盘.项目{
背景色：白色；
填充：20px；
对齐项目：拉伸；
显示：flex！重要；
弯曲方向：立柱；
利润率：10px；
填充：0；
flex:1自动；
柔性包装：包装；
}
.特色产品转盘.项目h2{
文本对齐：居中；
填充：8px 5px；
}
.特色产品转盘.项目.特色产品说明{
页边距底部：自动；
}
.特色产品转盘.项目.特色产品链接{
页边顶部：自动；
}
.特色产品转盘.ul项目{
页边顶部：自动；
}

[产品编号]
说明文本。关于某个特定部分的大量精彩内容。描述文本。关于某个特定部分的大量精彩内容






[产品编号]
说明文本。关于某个特定部分的大量精彩内容






[产品编号]
说明文本。关于某个特定部分的大量精彩内容。描述文本。关于某个特定部分的大量精彩内容






[产品编号]
说明文本。关于某个特定部分的大量精彩内容






boostrap类
visible lg的
覆盖了显示：flex。非常感谢。