如何在 twitter 引导导航菜单上方放置一个固定的 div

Question

我想在 twitter 引导导航菜单上方放置一个 div，Intro 是我想要显示在必须修复的菜单上方的 div。问题是我在菜单上放置了背景图片，但它也在 Intro div 上显示了背景图片，我想在 Intro 之后显示背景图片分区。请帮我解决这个问题。

<div class="navbar navbar-inverse navbar-fixed-top">
<div id="Intro">
 This is page is created with bootstrap
</div>
  <div class="container">
    <div class="navbar-header">
    </div>
  <div class="navbar-collapse collapse">
    <ul class="nav navbar-nav navbar-right">
     <li><a href="home.aspx"> Home</a> </li>
     <li><a href="contact.aspx"> Contact</a> </li>
    </ul>
  </div>
</div>

.navbar-inverse { 
   background-color : #fffff;
   border-color:transparent;
   background: #ffffff;
   url('bgimg.gif') repeat-x;
}

Answer 1

将<div id="Intro">移动到导航条代码上方：

<div id="Intro">
This is page is created with bootstrap
</div>
<div class="navbar navbar-inverse navbar-fixed-top">

在 navbar-fixed 顶部添加一些空间：

.navbar-fixed-top {
  top: 20px;

将此尺寸设置为<div id="Intro">所需的高度

为<div id="Intro">添加额外的样式

#Intro {
  top: 0;
  position: fixed;

已编辑： 介绍 div 的附加样式。在介绍 div 中添加一些尺寸和背景颜色。试试这个：

 #Intro {
     top: 0;
     position: fixed;
     background-color: #fff;
     height: 40px;
     width: 100%;

  }