Заполнение столбцов сетки Semantic-UI-React не устанавливает столбцы встроенными

Question

Я хочу, чтобы в одном ряду было три колонки, 1-й - Narrwow со стрелкой, 2-й - по ширине слева, 3-й - со стрелкой.Я пытаюсь сделать это, установив width свойства для многих способов, и один из них, в теории, должен работать (см. Пример кода).Бот из-за заполнения каждого столбца, последний из них выходит из строя.

Как я могу это сделать?

<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 стилей в проект и правильно установить псевдоним theme.config в конфигурации веб-пакета.