bootstrap v3 如何实现当页面缩小时，内部的元素也等i比例缩小，在col-xs-4中有两个同一列的图片，如何将一个背景透明的背景半覆盖在这两个图片上

可以通过设置父容器为`col-xs-4`的`position`值为`relative`，然后在父容器内创建一个覆盖在两个图片上的子容器，设置子容器的`position`值为`absolute`，并设置`z-index`值使其覆盖在图片上方。为了让内部元素等比例缩小，可以设置父容器的`width`和`height`为百分比值，如`width: 50%`，那么当页面缩小时，父容器内部的元素也会等比例缩小。为了让一个背景透明的背景半覆盖在两个图片上，可以在子容器内部创建一个`div`元素，设置其`background-color`为半透明的颜色值，如`background-color: rgba(255, 255, 255, 0.5)`，然后设置其`position`值为`absolute`，`top`和`left`值为0，`width`和`height`为100%即可。以下是示例代码：

<div class="col-xs-4" style="position: relative; width: 50%; height: 100%;">
  <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;">
    <div style="background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></div>
  </div>
  <img src="image1.jpg">
  <img src="image2.jpg">
</div>