Html 颜色重叠在其他颜色之上

我知道这是一个非常基本的问题，因为我对CSS的世界还不熟悉，但我在尝试制作响应性网页时遇到了一个小问题。代码在这里

.sushi{
边框：1px纯黑；
文本对齐：居中；
宽度：30%；
左缘：70%；
字体系列：乔治亚，无衬线；
字体大小：粗体；
字体大小：125%；
页边距底部：0；
边际上限：0；
背景色：#6495ED；
颜色：白色；
填充物：5px；
}

寿司

洛雷姆，伊普苏姆·多洛坐在一位杰出的领袖面前。智慧是分娩的代价吗？

好的，按照这个顺序就可以了。你有3行是额外的，你有太多的容器以及。看看这个补丁。我删除了一些CSS，例如

宽度：30%

和

左边距：70%来自类
。牛肉。寿司。鸡肉

我还移动了为外部
div
提供颜色的类。它能按你想要的那样工作

除此之外，我重新整理了你的代码，请检查一下，如果不起作用请告诉我


这就是它在小屏幕上的外观



/*基本样式*/
@介质（最小宽度：992px）{
.col-lg-1，
.col-lg-2，
.col-lg-3，
.col-lg-4，
.col-lg-5，
.col-lg-6，
.col-lg-7，
.col-lg-8，
.col-lg-9，
.col-lg-10，
.col-lg-11，
.col-lg-12{
浮动：左；
}
.col-lg-1{
宽度：8.33%；
}
.col-lg-2{
宽度：16.66%；
}
.col-lg-3{
宽度：25%；
}
.col-lg-4{
宽度：33.33%；
}
.col-lg-5{
宽度：41.66%；
}
.col-lg-6{
宽度：50%；
}
.col-lg-7{
宽度：58.33%；
}
.col-lg-8{
宽度：66.66%；
}
.col-lg-9{
宽度：74.99%；
}
.col-lg-10{
宽度：83.33%；
}
.col-lg-11{
宽度：91.66%；
}
.col-lg-12{
宽度：100%；
}
}
/*平板电脑视图*/
@介质（最小宽度：768px）和（最大宽度：991px）{
.col-md-1，
.col-md-2，
.col-md-3，
.col-md-4，
.col-md-5，
.col-md-6，
.col-md-7，
.col-md-8，
.col-md-9，
.col-md-10，
.col-md-11，
.col-md-12{
浮动：左；
}
.col-md-1{
宽度：8.33%；
}
.col-md-2{
宽度：16.66%；
}
.col-md-3{
宽度：25%；
}
.col-md-4{
宽度：33.33%；
}
.col-md-5{
宽度：41.66%；
}
.col-md-6{
宽度：50%；
}
.col-md-7{
宽度：58.33%；
}
.col-md-8{
宽度：66.66%；
}
.col-md-9{
宽度：74.99%；
}
.col-md-10{
宽度：83.33%；
}
.col-md-11{
宽度：91.66%；
}
.col-md-12{
宽度：100%；
}
}
/*移动视图*/
@介质（最大宽度：768px）{
.col-sm-1，
.col-sm-2，
.col-sm-3，
col-sm-4，
.col-sm-5，
.col-sm-6，
col-sm-7，
col-sm-8，
col-sm-9，
.col-sm-10，
col-sm-11，
col-sm-12{
浮动：左；
}
.col-sm-1{
宽度：8.33%；
}
.col-sm-2{
宽度：16.66%；
}
.col-sm-3{
宽度：25%；
}
.col-sm-4{
宽度：33.33%；
}
.col-sm-5{
宽度：41.66%；
}
.col-sm-6{
宽度：50%；
}
.col-sm-7{
宽度：58.33%；
}
.col-sm-8{
宽度：66.66%；
}
.col-sm-9{
宽度：74.99%；
}
.col-sm-10{
宽度：83.33%；
}
col-sm-11{
宽度：91.66%；
}
col-sm-12{
宽度：100%；
}
}
* {
框大小：边框框；
}
身体{
背景色：青色；
}
.集装箱{
边界：无；
边缘顶部：10px；
边缘底部：10px；
左边距：自动；
右边距：自动；
填充：10px；
}
.鸡{
边框：1px纯黑；
文本对齐：居中；
字体系列：佐治亚州，'泰晤士报新罗马'，泰晤士报，衬线；
字体大小：粗体；
字体大小：125%；
边际上限：0；
页边距底部：0；
填充物：5px；
背景色：#ff1439；
}
.牛肉{
边框：1px纯黑；
文本对齐：居中；
字体系列：乔治亚，无衬线；
字体大小：粗体；
字体大小：125%；
页边距底部：0；
边际上限：0；
填充物：5px；
背景色：#FFFF00；
}
.寿司{
边框：1px纯黑；
文本对齐：居中；
字体系列：乔治亚，无衬线；
字体大小：粗体；
字体大小：125%；
页边距底部：0；
边际上限：0；
背景色：#6495ED；
颜色：白色；
填充物：5px；
}

鸡

Lorem ipsum dolor sit amet，奉献精英。是否假定无动产发生？

牛肉

我的同僚们都是精英。透光剂是一种透明剂。

寿司

洛雷姆，伊普苏姆·多洛坐在一位杰出的领袖面前。智慧是分娩的代价吗？

您正在使用引导，对吗？无关：
容器
和
col
类不应该在同一个元素上。容器应该包含一组行。在调整大小方面，我觉得很好。你的问题不是关于颜色。这是关于列大小和元素重叠的。请修改以更好地反映这一点。问题中提供的代码不足以回答此问题。请在问题本身中提供答案，而不仅仅是在外部站点上。