Html css-使用引导的元素彼此重叠

Html css-使用引导的元素彼此重叠,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正试着从Twitter引导开始,在我的练习页面上,这些元素彼此重叠,而且,就我而言,我不知道为什么。我不确定这是因为我缺乏CSS知识,还是Bootstrap做了一些我不习惯的事情,我正在寻找一个解释为什么会发生这种情况 我不知道这个问题是静态的、相对的还是绝对的定位问题,但根据我一直在学习的教程,这应该可以让这两个元素保持正常的流动,但正文内容会一直移动到导航元素的顶部和后面。正如官方文件中所述,您应该在顶部添加至少40px的填充,这样它就不会滑到导航栏下 所以试着这样做: <body

我正试着从Twitter引导开始,在我的练习页面上,这些元素彼此重叠,而且,就我而言,我不知道为什么。我不确定这是因为我缺乏CSS知识,还是Bootstrap做了一些我不习惯的事情,我正在寻找一个解释为什么会发生这种情况


我不知道这个问题是静态的、相对的还是绝对的定位问题,但根据我一直在学习的教程,这应该可以让这两个元素保持正常的流动,但正文内容会一直移动到导航元素的顶部和后面。

正如官方文件中所述,您应该在
顶部添加至少
40px
的填充,这样它就不会滑到导航栏下

所以试着这样做:

<body style="padding-top:40px;">


jsfiddle.net是你的朋友。是的,该死的,看起来我错过了一些东西。我想这是个很奇怪的现象。谢谢你为我指出这一点!