Css 如何使用ng repeat将4项放在一行中

我试图每行放置4个项目。我找到了一个例子，但它每行只做2项。有人能给我一个提示，我怎样才能把它改成每行4个项目。以下是一个例子：

<div class="row" style="flex-wrap: wrap">
    <div class="col col-50">1</div>
    <div class="col col-50">2</div>
    <div class="col col-50">3</div>
    <div class="col col-50">4</div>
    <div class="col col-50">5</div>
    <div class="col col-50">6</div>
    <div class="col col-50">7</div>
    <div class="col col-50">8</div>
</div>

1.
2.
3.
4.
5.
6.
7.
8.

您尝试过更改类吗

如果你的课程按照我的预期进行，那么这应该是可行的：

<div class="row" style="flex-wrap: wrap">
    <div class="col col-25">1</div>
    <div class="col col-25">2</div>
    <div class="col col-25">3</div>
    <div class="col col-25">4</div>
    <div class="col col-25">5</div>
    <div class="col col-25">6</div>
    <div class="col col-25">7</div>
    <div class="col col-25">8</div>
</div>

1.
2.
3.
4.
5.
6.
7.
8.

这与angular无关，因此我将删除angular内容并简化问题。我会说，您需要将所有内容更改为

col-25

这缺少一些信息：您在那里应用了哪些CSS类？它们是如何工作的？什么样的答案/技术是可以接受的？