Html 引导col-xs-5位于中心，col-xs-3.5位于两侧

我想创建这个结构

<div class="row">
    <div class="col-xs-3.5"></div>
    <div class="col-xs-5"></div>
    <div class="col-xs-3.5"></div>
</div>

由于引导列不支持分数列，因此我尝试使用嵌套来实现这一点：

<div class="row">
    <div class="col-xs-3"></div>
    <!-- Using nesting column-->
    <div class="col-xs-6">
        <div class="row">
            <div class="col-xs-10 col-xs-offset-1"></div>
        </div>
    </div>
    <div class="col-xs-3"></div>
</div>

但现在中间列的内容和右/左列之间有空间。是否有任何方法可以将左/右列的内容居中（覆盖由偏移创建的空间）

这是我的建议

编辑

这是它现在的样子

这是我需要的

---

您可以根据自己的意愿使用具有多个列的引导。既然你想要半列；您可以执行24列引导，并像

col-xs-7 col-xs-10 col-xs-7那样执行
看看那里->
什么意思
col-xs-3.5
？我只知道基于12列而不是分数列的网格系统是的，我知道，那是为了提供我想要的想法。我知道引导列不支持分数列，所以我尝试了嵌套。这是一个选项吗？我不知道你的问题更新了我的问题以了解更多详细信息。