Bootstrap容器没有破坏文本行

Question

我在使用container文字对小型设备做出响应时遇到问题。我试图做点什么，但没有什么能让我明白这一点。 看一看 - 我在这里添加了小提琴！尝试使结果变小，看看在反向菜单下面添加的蓝色容器中发生了什么，文本＆＃34; Mona Larsen＆＃34;在里面。文本就像刚刚前进，不应该接受下一行中的单词。问题是什么？ JSFiddle here

Answer 1

请检查你的课程

.description {
text-align: left;
position: absolute;
float: none;
margin-top: -125px;
margin-left: 200px;
color: #FFFFFF;}

将“position：absolute”改为“Positon：relative”

.description {
text-align: left;
position: relative;
float: none;
margin-top: -125px;
margin-left: 200px;
color: #FFFFFF;}