Semantic-UI-React grid columns padding 不设置内联列

Question

我希望在一行内嵌 3 列，第 1 列 - 带箭头的窄幅，第 2 列 - 尽可能宽 space 向左，第 3 列 - 带箭头缩小。我试图通过以多种方式设置 width 属性来做到这一点，理论上，其中一种应该可以工作（参见代码示例）。 Bot 由于每一列的填充，最后一列下降。

我该怎么做？

<div className="popular-tabs-scroller">
        <Grid columns="equal">
          <Grid.Column>{'<'}</Grid.Column>
          <Grid.Column width={14}>Content</Grid.Column>
          <Grid.Column>{'>'}</Grid.Column>
        </Grid>
      </div>

Answer 1

答案是正确导入semantic-ui-less样式到项目中，并在webpack配置中正确设置别名theme.config。