引导容器类的动画延迟答案

【问题标题】：Animating delay on bootstrap container classes引导容器类的动画延迟
【发布时间】：2017-05-23 12:42:10
【问题描述】：

我在我的网站上使用引导框架，内容包含在class="container"

当屏幕调整大小、列、边距等发生变化时，这会有一定的断点。

我想延迟那个断点，但不知道该怎么做。因此，当侧边距从一种尺寸更改为另一种尺寸时，内容不仅会跳转到新尺寸，而是会以动画形式进入其中。

【问题讨论】：

使用过渡效果怎么样？像这样的东西：stackoverflow.com/questions/31010939/…

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

这里有一个可以使用的 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;

基本上它的作用是，当属性“宽度”发生变化时，会指定一个开始和结束时间为 1 秒的过渡效果。

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

More information 关于这个 CSS 属性。

【讨论】：

我确实知道转换属性是如何工作的，问题是 Bootstrap 拥有自己的后端 css/java 来控制所有这些，不确定我可以覆盖或添加哪些属性已经成立
这是从他们这边引入的引导代码。它只是通过functions.php进入我的网站

【解决方案2】：

尝试将类似于以下 CSS 的内容添加到您的容器元素中：

transition: all 0.5s ease-in-out;

【讨论】：