Html 启动hidden(基于父元素)会使使用Bootstrap 4的子元素的样式设置混乱

Html 启动hidden(基于父元素)会使使用Bootstrap 4的子元素的样式设置混乱,html,css,bootstrap-4,Html,Css,Bootstrap 4,我想向一个父DIV添加一个类,它会影响许多内部元素。但是,当我用Bootstrap做这件事时,样式会变得混乱 此代码显示了2上的问题,您可以看到底部边框对齐错误。如果我只是在元素上执行.toggle(“.second”),它就会工作 .second{ 显示:无; } .展示内心。第二{ 显示:块; } A. B C 1. 2. 3. 切换。第二 在我的项目中,我希望拥有该外部DIV类的许多依赖项,因此让它工作将为我节省大量代码。使用display:table cell而不是block .s

我想向一个父DIV添加一个类,它会影响许多内部元素。但是,当我用Bootstrap做这件事时,样式会变得混乱

此代码显示了2上的问题,您可以看到底部边框对齐错误。如果我只是在元素上执行.toggle(“.second”),它就会工作

.second{
显示:无;
}
.展示内心。第二{
显示:块;
} 
A.
B
C
1.
2.
3.
切换。第二

在我的项目中,我希望拥有该外部DIV类的许多依赖项,因此让它工作将为我节省大量代码。

使用display:table cell而不是block

.show-inner .second {
    display: table-cell;
} 

我不明白你想达到什么目的
.show-inner .second {
    display: table-cell;
}