Come posto fisso div sopra di twitter bootstrap nav menu

Voglio inserire un div sopra un twitter bootstrap menu di navigazione, Intro è il div che voglio visualizzare sopra il menu che deve essere risolto. Il problema è che ho inserito un’immagine di sfondo nel menu, ma mostra l’immagine di sfondo sul Intro div così, voglio visualizzare l’immagine di sfondo dopo il Intro div. Si prega di aiutarmi a risolvere questo problema.

<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;
}

 

One Reply
  1. 21

    Spostare <div id="Intro">sopra la navbar codice:

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

    Aggiungere un po ‘ di spazio sulla parte superiore della barra di navigazione-fisso:

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

    Fanno di questa dimensione l’altezza che si desidera per <div id="Intro">

    Aggiungere ulteriori styling per <div id="Intro">

    #Intro {
      top: 0;
      position: fixed;

    MODIFICA:
    Ulteriori styling per intro div. Aggiungere alcune dimensioni e il colore di sfondo di intro div. Prova questo :

     #Intro {
         top: 0;
         position: fixed;
         background-color: #fff;
         height: 40px;
         width: 100%;
    
      }
    • Grazie moodyjive.. ho provato quanto sopra e funziona, ma quando ho scorrere la pagina web scorrere il contenuto è visibile all’interno della Intro div cioè fisso.Non voglio rendere visibile lo scorrimento contenuto all’interno Intro div. Come posso ottenere questo…
    • Vedere il codice che ho aggiunto intro div.
    • Questo è grande, ma come scorrere questa Intro div in modo che solo la navbar si attacca alla parte superiore, quando la pagina è in movimento.

Lascia un commento