Bootstrap三列div中间弹性

Question

我正在尝试实现bootstrap三列div，查看上一个图像，其中：

• div 1：宽度对应于其向左推送的内容

• div 2：尽可能宽

• div 3：宽度对应于其推向右侧的内容

在不失去水平对齐的情况下，我无法使其工作。有任何想法吗？

Answer 1

如果没有完整的布局，很难完全回答，但请将此作为起点

<div>
    <div class="col-xs-1 pull-left" style="background-color:red">Left</div>
    <div class="col-xs-10" style="background-color:green">Middle</div>
    <div class="col-xs-1 pull-right" style="background-color:blue">Right</div>
</div>

忽略最终代码中的样式元素。只是为了让它可见。

外部列中的左拉和拉右点与构成12列的中间项相结合。

希望有所帮助。

戴夫