语义UI反应网格列填充不设置列内联

Question

我希望在一行中具有3列，第一列-带箭头的narrwow，第二列-剩余的自由空间宽，第三列-带有箭头的狭窄。我正在尝试通过多种方式设置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。