如何使用Bootstrap Flex设置CSS3 flex-basis属性？

Question

使用CSS3，我可以像这样分别设置flex属性

.someclass {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;   
}

使用Bootstrap（版本> = 4.1）flex似乎只能设置flex-grow-X and flex-shrink-X，

<div class="someclass flex-grow-1 flex-shrink-1">...</div>

是否可以使用bootstrap 4.1设置flex-basis？

Answer 1

在Bootstrap v4.1的source code中，没有包含专门针对flex-basis值的实用程序类。

搜索file时，单词flex-basis仅出现12个：

• 对于某些flex-basis类（例如line 625），将0设置为col-* 5次。
• 设置7种特定的navbar相关类（例如line 4268）样式。

在撰写本文时，最新版本的Bootstrap中似乎仍然存在这种情况：

• Bootstrap v4.5.3
• Bootstrap v5.0.0-alpha3