Html 如何在bootstrap中处理网格系统内部的数据

我正在使用网格系统在bootstrap中创建一个网页，但列数据有问题。容器是有响应的，但其中的数据不是。我如何解决这个问题。请告诉我我遗漏了什么，是什么问题。。。 非常感谢

在桌面视图上

在移动视图中

这是我的全部代码

/*CSS文档*/
/*背景——开始-*/
身体{
背景：url（images/drinks.jpg）无重复中心；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
/*背景--结束-*/
/*标志——开始--*/
.落地{
颜色：#fff；
字号：6em；
边缘顶部：20px；
字体大小：粗体；
字体家族：露丝；
文本阴影：0 1PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 B9B9，0 5PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3）bbb B B B，0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0),；
}
.落地{
文本对齐：居中；
}
.击中地板1{
颜色：#fff；
字号：4em；
左边距：300px；
利润上限：-50px；
字体大小：粗体；
字体家族：露丝；
文本阴影：0 1PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 B9B9，0 5PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3）bbb B B B，0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0),；
}
.击中地板1{
文本对齐：居中；
}
/*标志-结束--*/
/*导航栏启动*/
.nav_海关{
保证金：0自动；
宽度：950px；
高度：60px；
位置：相对位置；
文本对齐：居中；
}
.nav>li{
右边距：10px；
背景：#000000；
不透明度：0.5；
宽度：130px；
}
/*导航杆端*/
/*位置开始*/
#b{
保证金：0自动；
}
.地点{
宽度：87%；
高度：45px；
背景色：#C1BEBE；
边缘底部：20px；
保证金：0自动；
}
/*位置端*/
博迪先生{
宽度：100%；
高度：800px；
}
/*左侧杆*/
.左侧边栏{
浮动：左；
宽度：200px；
高度：800px；
位置：固定；
}
/*基本样式*/
#cssmenu，
#cssmenu ul，
#李国章，
#cssmenu a{
保证金：0；
填充：0；
边界：0；
列表样式：无；
字体大小：正常；
文字装饰：无；
线高：1；
字体系列：“开放式Sans”，无衬线；
字体大小：14px；
位置：相对位置；
}
#cssmenu a{
线高：1.3；
}
#cssmenu{
宽度：200px；
}
#cssmenu>ul>li>a{
右边填充：40px；
字体大小：25px；
字体大小：粗体；
显示：块；
背景#03FE91；
颜色：#ffffff；
边框底部：1px实心#5e071b；
文本转换：大写；
}
#cssmenu>ul>li>a>span{
背景：#26C17E；
填充：10px；
显示：块；
字体大小：13px；
字体大小：300；
}
#cssmenu>ul>li>a:悬停{
文字装饰：无；
}
#cssmenu>ul>li.active{
边框底部：无；
}
#cssmenu>ul>li.active>a{
颜色：#fff；
}
#cssmenu>ul>li.active>a跨度{
背景：#26C17E；
}
#cssmenu span.cnt{
位置：绝对位置；
顶部：8px；
右：15px；
填充：0；
保证金：0；
背景：无；
}
/*子菜单*/
#cssmenu ul{
显示：无；
}
#cssmenu ul li{
边框：1px实心#e0；
边界顶部：0；
}
#cssmenu ul a{
填充：10px；
显示：块；
颜色：#000000；
字体大小：13px；
}
#cssmenu ul a：悬停{
颜色：#26C17E；
}
#奇数{
背景#f4；
}
#cssmenu ul li.偶数{
背景：#fff；
}
/*端部左侧杆*/
.主要地区{
宽度：1148px；
高度：800px；
左边距：200px；
利润上限：-20px；
}
/*搜索开始*/
.搜索{
宽度：87%；
高度：55px；
背景色：#8F8B8B；
利润上限：-20px；
保证金：0自动；
垫面：5px；
左侧填充：10px；
}
#webdesigntuts研讨会：之后{
内容：''；
显示：块；
左：50%；
利润率：0-400px；
位置：绝对位置；
宽度：800px；
}
#webdesigntuts研讨会：之前{
背景：#444；
背景：-webkit线性梯度（左，#151515，#444，#151515）；
背景：-莫兹线性梯度（左，#151515，#444，#151515）；
背景：-o-线性梯度（左，#151515，#444，#151515）；
背景：-ms线性梯度（左，#151515，#444，#151515）；
背景：线性梯度（左，#151515，#444，#151515）；
顶部：192px；
}
#webdesigntuts研讨会：之后{
背景：#000；
背景：-webkit线性梯度（左，#151515，#000，#151515）；
背景：-莫兹线性梯度（左，#151515，#000，#151515）；
背景：-o-线性梯度（左，#151515，#000，#151515）；
背景：-ms线性梯度（左，#151515，#000，#151515）；
背景：线性梯度（左，#151515，#000，#151515）；
顶部：191px；
}
#webdesigntuts工作坊表格{
背景：#111；
背景：-webkit线性梯度（#1b1b1b，#111）；
背景：-莫兹线性梯度（#1b1b1b，#111）；
背景：-o-线性梯度（#1b1b1b，#111）；
背景：-ms线性梯度（#1b1b，#111）；
背景：线性梯度（#1b1b，#111）；
边框：1px实心#000；
边界半径：5px；
方框阴影：插入0 1px#272727；
显示：内联块；
字体大小：0px；
利润率：150px自动0；
填充：20px；
位置：相对位置；
z指数：1；
}
#webdesigntuts研讨会输入{
背景：#222；
背景：-webkit线性梯度（#333，#222）；
背景：-莫兹线性梯度（#333，#222）；
背景：-o-线性梯度（#333，#222）；
背景：-ms线性梯度（#333，#222）；
背景：线性梯度（#333，#222）；
边框：1px实心#444；
边界半径：5px 0 5px；
盒影：0 2px 0#000；
有限公司