Html 如何在引导中创建单独的两行？

在引导中创建两行时出现问题

第一行似乎工作不正常

它只显示1/2的内容

就像这张照片：

我不知道为什么

您可以看到我的示例代码：

正文{
保证金：100像素自动；
字体系列：Helvetica；
背景：#FFF；
}
#面包屑{
列表样式：无；
显示：内联表；
}
#面包屑{
显示：内联；
}
#面包屑{
显示：块；
浮动：左；
高度：50px；
背景：#F3F5FA；
文本对齐：居中；
填充：30px20px060px；
位置：相对位置；
裕度：0 10px 0 0；
字体大小：20px；
文字装饰：无；
颜色：#8093A7；
}
#面包屑李a：之后呢{
内容：“；
边框顶部：40px实心透明；
边框底部：40px实心透明；
左边框：40px实心#F3F5FA；
位置：绝对位置；
右：-40px；
排名：0；
z指数：1；
}
#李：以前{
内容：“；
边框顶部：40px实心透明；
边框底部：40px实心透明；
左边框：40px实心#fff；
位置：绝对位置；
左：0；
排名：0；
}
#第一个孩子{
边框左上半径：10px；
边框左下半径：10px；
}
#李：第一个孩子a：以前{
显示：无；
}
#最后一个孩子{
右边填充：40px；
边框右上角半径：10px；
边框右下半径：10px；
}
#李：最后一个孩子a：之后{
显示：无；
}
#面包屑ulli a：悬停{
背景:ťdfd；
颜色：#fff；
}
#面包屑ulli a：悬停：之后{
左边框颜色：#357DFD；
颜色：#fff；
}

可移动的

#crumps ul li a:after

和

#crumps ul li a:before

设置为总高度80px（箭头顶部40，底部40），但

#crumps ul li a

本身的高度为50px。尝试将其设置为80px。

我发现了您的问题，这个问题将创建自定义Css，只需设置高度

#面包屑{
高度：82px；
}

为什么要在行内创建容器？如果代码中没有col-class，请参阅文档以了解其优点structure@TemaniAfif是的，我知道Bootstrap的结构。所以你必须更正你的代码，我们不使用容器作为IDOk，谢谢，@TemaniAfif。我在我的公司里维护老程序员的代码。所以，我没有注意到这一点。谢谢你的提醒@RedDwarfian之前就得到了回答。