Jquery Bootstrap4如何调整网格元素的bootstrap类，但仅当网格发生故障时才进行调整？_Jquery_Html_Css_Bootstrap 4

Jquery Bootstrap4如何调整网格元素的bootstrap类，但仅当网格发生故障时才进行调整？

jquery html css bootstrap-4

Jquery Bootstrap4如何调整网格元素的bootstrap类，但仅当网格发生故障时才进行调整？,jquery,html,css,bootstrap-4,Jquery,Html,Css,Bootstrap 4,是否可以通过某种方式将网格元素的引导类从col-md-9调整为col-md-12，但仅当网格中断时（例如，由于调整浏览器窗口的大小）例如：当窗口足够大时，其外观如下所示：但如果窗户太小，情况会非常糟糕：小窗口的外观：如果窗口足够大而col-md-12（第三张图片）窗口很小，是否可能得到类为col-md-9（第一张图片）的效果？如果引导本身能够实现这一点，那就太好了。否则我也可以使用jquery。对于较小的屏幕，您需要使用类的组合 <body> <div c

是否可以通过某种方式将网格元素的引导类从

col-md-9

调整为

col-md-12

，但仅当网格中断时（例如，由于调整浏览器窗口的大小）

例如：

当窗口足够大时，其外观如下所示：

但如果窗户太小，情况会非常糟糕：

小窗口的外观：

如果窗口足够大而

col-md-12

（第三张图片）窗口很小，是否可能得到类为

col-md-9

（第一张图片）的效果？如果引导本身能够实现这一点，那就太好了。否则我也可以使用jquery。

对于较小的屏幕，您需要使用类的组合

<body>
<div class="row">
  <div class="col-md-3 col-sm-3">
    <!-- Something, graph or so -->
  </div>
  <div class="col-md-9 col-sm-9">
    <!-- Something, graph or so -->
  </div>
</div>
</body>

或者使用普通类

<body>
<div class="row">
  <div class="col-3">
    <!-- Something, graph or so -->
  </div>
  <div class="col-9">
    <!-- Something, graph or so -->
  </div>
</div>
</body>

您需要使用“col-sm-12”类和“col-md-9”类，如下所示

<body>
<div class="row">
  <div class="col-md-3">
    <!-- Something, graph or so -->
  </div>
  <div class="col-md-9 col-sm-12">
    <!-- Something, graph or so -->
  </div>
</div>
</body>

使用small Class coll sm-*？我想，我需要调查我的设置。。。在fiddle中，您的解决方案按预期工作……我认为您在尝试之前需要阅读引导文档，FranzHuber23。原因是导致问题的

style=“min-width:330px；max-width:330px；”

元素与

col-

元素处于同一级别。