Bootstrap 5列，它们之间有均匀的空格，但是第一个和最后一个项目到边缘

Question

我知道如何在bootstrap中创建五列，但是这会将项目置于容器中心，而第一个和最后一个项目是容器边缘的几个像素。如何确保容器完全装满5件物品？

我的代码现在是这样的：

// Bring in JST template object
devTpl: {
  options: {
    startTag: '<!--TPL-->',
    endTag: '<!--END TPL-->',
    fileTmpl: '<script type="text/javascript" src="%s"></script>',
    appRoot: '.tmp/public'
  },
  files: {
    'views/that/use/templates/**/*.ejs': [
      '.tmp/public/jst.js'
    ]
  }
}

示例：

与方框位于同一位置的文字：

然后我从中取出5个盒子并改变位置（居中）：