在lg上只有一个div作为xs分辨率

Question

我想获得不寻常的行为引导和媒体查询。

一个div（a）的内容应该取决于他的宽度而不是浏览器窗口的宽度。如果图片（a）的宽度为600px，应显示为XS，容器应作为LG。

Answer 1

你正在考虑Bootstrap错误。

引导点是允许您根据屏幕宽度轻松修改元素的行为。例如，如果您仅使用网格系统，则根据屏幕的width，您要修改的所有元素都是width。

如果您希望a元素始终表现为sm，无论屏幕的宽度如何（或者至少在它达到xs之前），那么您可以使用类似的东西：

 <div class=" div-a -col-sm-6"></div>

只要屏幕宽度大于sm，这将告诉bootstrap显示具有6列的div A.

我不确定你是什么意思＆＃34;容器充当LG＆＃34;但我认为你的意思是它应该仅针对LG屏幕进行修改。然后：

<div class="container-div col-LG-12 col-*-newSize">
  <div class=" div-a -col-sm-6">
    *content*
  </div>
  <div class="container-b-c col-*-6"
    <div class"div-b col-*-12"
       -content-
    </div>
    <div class"div-c col-*-12"
       -content-
    </div>
 </div> //End of container-b-c
</div> //end of container-div

其中*是您需要的尺寸。

Answer 2

我理解引导程序如何。但是，有一个新要求，需要这种奇怪的行为。整个页面是“正常”操作，但是一个div必须严格确定“分辨率”。