Javascript 引导容器类上的动画延迟

我在我的网站上使用引导框架，内容包装在

class=“container”

当屏幕调整大小、颜色、边距等发生变化时，会出现某些断点

---

我想推迟那个突破点，但不知道该怎么做。因此，当侧边距从一个大小更改为另一个大小时，内容不仅会跳转到新的大小，还会在其中设置动画。

尝试向容器元素添加类似于以下CSS的内容：

transition: all 0.5s ease-in-out;

---

这里有一个可以使用的CSS示例：

-webkit-transition:width 1000ms ease-in-out;
-moz-transition:width 1000ms ease-in-out;
-o-transition:width 1000ms ease-in-out;
transition:width 1000ms ease-in-out;

基本上，它的作用是，当属性“width”更改时，指定一个开始和结束时间为1秒的过渡效果

举个例子。您必须将鼠标悬停在红色DIV上才能看到效果

---

关于此CSS属性。

如何使用转换？类似这样的东西：我确实了解了transition属性的工作原理，问题是Bootstrap拥有它自己的所有后端css/java来控制所有这些，不确定我可以覆盖或添加哪些属性已经是Edit的Bootstrap代码，这些代码是从它们身边引入的。它是通过functions.php引入我的网站的