bootstrap崩溃堆叠元素

时间:2018-02-07 22:07:53

标签: javascript jquery css twitter-bootstrap bootstrap-4

我正在使用bootstrap 4.0.0崩溃来隐藏和显示引导程序" row"。该行包含四列 - " col-md-3" - 按钮。这行正在按照我的要求进行布局,直到我添加"崩溃" class,然后使行内的所有cols像块元素一样堆叠。

这是一个众所周知的事情,你不能放一行,或复杂的元素要折叠?

下面是两个前后截图 - 在Before上可以看到元素html

After:bad

1 个答案:

答案 0 :(得分:0)

col- - css是一个灵活的容器,其填充和边距设置随屏幕大小而变化。根据屏幕尺寸,会有一些元素为空白。当我构建一个菜单时,我使用ul和li标签在折叠中使用固定元素,就像导航栏一样。我使用了导航栏代码,然后通过在html标记中设置样式属性来覆盖内联颜色。此外,您可以通过jquery或java在元素中动态插入display:none可能会给您带来更好的效果(我不时使用它而不是崩溃例程引导程序设置...)。如果只需要偏移div容器,也可以使用插入offset-md- * class。但我使用它来将响应式div作为登录屏幕的中心。