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

rob*_*r78 11 html css flexbox

使用 CSS3 我可以像这样单独设置 flex 属性

.someclass {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;   
}
Run Code Online (Sandbox Code Playgroud)

使用 Bootstrap (version >= 4.1) flex 似乎我只能设置flex-grow-X 和 flex-shrink-X,就像这样

<div class="someclass flex-grow-1 flex-shrink-1">...</div>
Run Code Online (Sandbox Code Playgroud)

有没有办法使用 bootstrap 4.1 设置 flex-basis?

Mat*_*att 6

查看Bootstrap v4.1的源代码,没有包含专门针对该flex-basis值的实用程序类。

搜索整个文件,这个词只有 12 次出现flex-basis

  • 5次设定flex-basis0对于一些的col-*类(例如,线625)。
  • 7 次为特定的navbar相关类设置样式(例如第 4268 行)。

在撰写本文时,最新版本的 Bootstrap 似乎仍然如此: