均匀分隔div中不同数量的元素

Question

我有一个单词列表，我想放在样式的div中，它们应该跨越整个屏幕宽度。

当我知道有例如3项：

 <div class="col-xs-4">
    pending
 </div>
 <div class="col-xs-4">
    accepted
 </div>
 <div class="col-xs-4">
    completed
 </div>

这使用均匀间隔的容器填充整个宽度（添加了一些css）：

我希望动态完成此操作，因为我从数据库中加载了这些内容（待定，接受，...），并且可能有任意数量的此类项目，而不是正好三项。知道如何做到这一点吗？