Bootstrap 3 - 如何空间3个居中的列

Question

您好我想用bootstrap 3.7：

来达到这个输出

假设方框是：

1。）行中的居中

2。）大小相等

3。）它们之间的间距相等。

HTML

<div id="header" class="container-fluid">
        <div class="row">
            <div class="col-md-4 codexBox"></div>
            <div class="col-md-4 codexBox"></div>
            <div class="col-md-4 codexBox"></div>
        </div>
    </div>

我很高兴地接受了我的SCSS，但经过边缘，col包装，填充的第一次/最后一次这么多的试验：不是我找不到一个“强有力”的解决方案来“保持水”，就像表达式。

Flex 只要通过自举网格列表响应，就可以在这里消费。