Javascript 响应页面-强制响应布局

我使用的是bootstrap，但这个问题与任何响应性框架都相关

我有一个响应页面，看起来像这样简单

<div class="wrap">
    <div class="row page">
      <div class="col-xs-12 col-md-6">
       some stuff
      </div>
      <div class="col-xs-12 col-md-6">
       some other stuff
      </div>
    </div>
</div>

我想使用这种布局，但要使响应的范围在某个父div上。在本例中为wrap，而不是在窗口上，这意味着如果父div具有相同的特定大小，则强制响应断点生效

因此，通过这种方式，我可以将此“模板”放置在页面的任何位置，结果将根据包裹大小而不同，而不是屏幕/窗口大小

---

有办法做到这一点吗？还是我在外层空间？

我认为现在有办法使用CSS检查容器div的宽度，但是是的，您可以尝试检查浏览器大小并添加/删除一些类宽度，这样可以得到类似的结果

@media (max-width: 768px){ 
      .wrap{ 
        width:1170px 
      } 
    }
@media (min-width: 767px){ 
          .wrap{ 
            width:767px 
          } 
        }

---

或者更好，您可以使用jQuery。var$widthOfRap=$'.wrap'.width

因此固定了.wrap的大小及其子项的流体大小。。。问题是什么？这意味着我不能使用这个框架，需要重新创建itI的一部分，因为你说过，但这个问题与任何响应框架有关，我认为你无论如何都会破坏它，我认为你应该，实际上，因为它可能不会为您提供开箱即用的功能。好吧，那么您认为在这里最好设置一些包装类，并使用一组流体大小的类作为网格颜色替换？这是一个选项。但我不知道你想要实现什么，比如你是否计划使用媒体查询、JS修改等等。