在引导中向上/向下滑动形式

sliding up/down form in bootstrap

本文关键字：      更新时间：2023-09-26

我正在引导模板中创建一个带有向上/向下滑动动画的 from。

这是代码： http://bootply.com/94382

当您单击add按钮时，表单将向下滑动，当您再次单击它时，它将向上滑动。

但是，如果我在按钮之后的页面上添加新元素，则新元素不会向下移动，而是表单会位于元素上。

我想实现新元素会滑下来，然后形式就会出现。但这种情况现在没有发生。请帮帮我。

首先删除position:absolute，position:fixed从你的 css 中实际不需要的地方。此外，使用具有适当样式的spans或ul li列表来呈现<div id="bottom-header">中的图标，按钮，图像。然后从表单中删除position:absolute并提供适当的边距宽度等，以便获得所需的内容。

将 #sliding_form CSS 属性替换为：

#sliding-form {
    display: none;
    background-color: #eee;
    width: 45%;
    margin-top: 60px;
    overflow: hidden;
}

更新的引导

相关文章：
  • 没有找到相关文章