Html Bootstrap 3列没有保持不变/消失

我正在处理一个简单的html页面，充分利用引导列，我遇到了最奇怪的问题。柱子在我身上消失了。或者至少当我看到萤火虫没有去他们应该去的地方。我希望有人知道我犯了什么愚蠢的错误，或者我遇到了什么怪事

以下是我的嵌入式CSS：

试验
/*定义每个部分的标题*/
h1{
保证金：自动；
垫面：10%；
垫底：5%；
文字装饰：下划线；
}h1：之前{
内容：“\00a0\00a0”；
}h1：之后{
内容：“\00a0\00a0”；
}跨度{
颜色：#111；
文字装饰：无；
z指数：1；
}
/*定义导航栏*/
navbar先生{
垫面：5px；
垫底：5px；
背景色：#9fc；
宽度：100%；
边框：实心；
边框底宽：2px；
边框颜色：白色；
}李：悬停{
背景色：#7da；
}.dropbtn{/*下拉按钮*/
填充：16px；
边界：无；
光标：指针；
}.dropdown{/*容器-需要定位下拉内容*/
位置：相对位置；
显示：内联块；
}.dropdown内容{/*dropdown内容（默认情况下隐藏）*/
显示：无；
位置：绝对位置；
背景色：#9fc；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
边框：实心；
边框顶部宽度：1px；
左边框宽度：1px；
右边框宽度：1px；
边框颜色：白色；
z指数：1；
}.dropdown内容下拉列表中的{/*链接*/
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
边框：实心；
边框底宽：1px；
边框颜色：白色；
}.dropdown内容a:悬停{/*更改悬停上下拉链接的颜色*/
背景色：#f1f1
}.dropdown:hover.dropdown内容{/*在hover上显示下拉菜单*/
显示：块；
}
/*主页部分*/
.bg头{
最小高度：100vh；
背景图片：url（bgtest.jpg）；
溢出：自动；
}.bg头img{
垫顶：15vh；
垫底：10px；
}.bg头p{
背景色：白色；
不透明度：0.8；
填充：10px；
}.bg头。中{
保证金：自动；
}
/*定义截面类型1*/
.bg-1{
最小高度：100vh；
背景色：#39f；
颜色：#222；
溢出：自动；
}.bg-1 h1{/*下划线颜色*/
颜色：#fff；
}.bg-1 span{/*标题文本颜色*/
颜色：#222；
}.bg-1 img{
填充物：5px；
}
/*定义截面类型2*/
.bg-2{
最小高度：100vh；
背景色：#222；
颜色：#eee；
溢出：自动；
}.bg-2 h1{/*下划线颜色*/
颜色：#39f；
}.bg-2 span{/*标题文本颜色*/
颜色：#eee；
}
/*定义截面类型3*/
.bg-3{
最小高度：100vh；
背景色：#fff；
溢出：自动；
颜色：#222；
}.bg-3 h1{/*下划线颜色*/
颜色：#39f；
}.bg-3 span{/*标题文本颜色*/
颜色：#222；
}.bg-3 iframe{
高度：自动；
宽度：自动；
填充：10px；
保证金：自动；
}
.bg页脚{
背景色：#444；
颜色：#fff；
身高：5公分；
垫面：2米；
字号：1em；
}









油炸！别再做正确的事了，你这个混蛋！哇！超级大国的毒品
你可以在皮肤上擦吗？你会认为这是一件了不起的事
你必须自由落体。好吧，那好消息！这是一种栓剂。
好的，500美元，你没有选择的载体，电池
无法保持充电，而且接待处不是很好…
油炸！别再做正确的事了，你这个混蛋！哇！超级大国的毒品
你可以在皮肤上擦吗？你会认为这是一件了不起的事
你必须自由落体。好吧，那好消息！这是一种栓剂。
好的，500美元，你没有选择的载体，电池
无法保持充电，而且接待处不是很好…

关于我

油炸！别再做正确的事了，你这个混蛋！哇！超级大国的毒品
你可以在皮肤上擦吗？你会认为这是一件了不起的事
你必须自由落体。好吧，那好消息！这是一种栓剂。
好的，500美元，你没有选择的载体，电池
无法保持充电，而且接待处不是很好…
油炸！别再做正确的事了，你这个混蛋！哇！超级大国的毒品
你可以在皮肤上擦吗？你会认为这是一件了不起的事
你必须自由落体。好吧，那好消息！这是一种栓剂。
好的，500美元，你没有选择的载体，电池
不知道怎么办