Css 引导行映射宽度最大化

我正在寻找一种在引导行中最大化地图的方法。在下面的语法中，左边的col-md-9 div是map，右边是一个固定的240px宽的图像

<div class="row">
    <div class="col-md-9">
        <div id="mapid" style="width: 100%; height: 400px;"></div>
    </div>

    <div class="col-md-3">
        <p id="delta">
        <%= @myimage %>
        <br>
        </p>
    </div>
</div>

如果布局流畅，它很快就会变得难看。有没有办法在流体布局中最大化地图？我希望地图增加流动性和图像保持240px的小幅度

您只需使用flexbox即可，并且可以使用Bootstrap中的一些实用程序：

由于map/iframe设置为100%宽度，因此通常会将另一项从行中推出。但是对于flexbox，默认情况下，flexbox子项具有flex收缩：1；打开这意味着它会为你收缩。这就是如何获得地图的最大宽度

---

演示：

好的，我从没见过这个。因此，如果一行下有两列，第二列可以一直固定，第一列保持灵活？我需要另一个问题。引导行和列都在做同样的事情！只是这些列有预先定义的宽度，它们有填充物/排水沟。好的，我需要在流体列下面填充更多信息，在右侧列下面填充更多固定宽度。我正在为此设计另一个问题。