我正在使用 bootstrap 4.0.0 collapse 来隐藏和显示 Bootstrap “行”。该行包含四列 - “col-md-3” - 按钮。在我添加“collapse”类之前,该行的布局也和我想要的一样,这会导致该行内的所有列像 block 元素一样堆叠。
这是众所周知的事情吗,您不能放置要折叠的行或复杂元素?
以下是之前和之后的两个屏幕截图 - 元素 html 在 : Before 上可见
最佳答案
好吧,col-- CSS 是一个灵活的容器,它具有随屏幕大小而变化的填充和边距设置。根据屏幕尺寸,有些元素将是空白的。当我构建菜单时,我使用 ul 和 li 标签在折叠内使用固定元素,就像导航栏一样。我使用了导航栏代码,然后通过在 html 标记中设置样式属性来覆盖内联颜色。此外,您可以通过 jquery 或 java 在元素中动态插入 display:none 可能会给您带来更好的效果(我不时使用它而不是 Bootstrap 设置的崩溃例程..)。如果您只需要偏移一个 div 容器,您也可以尝试插入 offset-md-* 类。但我用它来将响应式 div 居中,例如登录屏幕。
关于javascript - Bootstrap 折叠堆叠元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48674081/