Boşluk altındaki navbar-sabit-top Bootstrap

Navbar ve içerik div arasında gizemli bir alan (yaklaşık 25px) var. Chrome ve 1600x900 ekran çözünürlüğünü kullanıyorum. Aynı problemle başka sorulara da baktım ve verilen cevapları uyguladım ama problem devam ediyor. Navbar'ın kenar boşluğunu 0'a ayarladım ve Bootstrap 3.1.1'i geçersiz kıldım. HTMLBoşluk altındaki navbar-sabit-top Bootstrap

<!DOCTYPE html> 
    <html> 
     <head> 
      <meta charset="utf-8"> 
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
      <title>Title</title> 
      <meta name="description" content=""> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 

      <link rel="stylesheet" href="css/bootstrap.min.css"> 
      <link rel="stylesheet" href="css/hover.css"> 
      <link rel="stylesheet" href="css/style.css"> 
      <script src="js/lib/modernizr-2.6.2-respond-1.1.0.min.js"></script> 
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
     </head> 

     <body> 
       <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
        <div class="container-fluid"> 
         <div class="navbar-header"> 
          <a href="#"><img src="img/title.png"></img></a> 
         </div> 
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
          <ul class="nav navbar-nav navbar-right"> 
           <li><a href="#">Home</a></li> 
           <li><a href="#">About</a></li> 
           <li><a href="#">Contact</a></li> 
          </ul>  
         </div><!-- /.navbar-collapse --> 
        </div><!-- /.container-fluid --> 
       </nav> 
       <div class="content"></div>   
     </body> 

    </html>

CSS

body { 
    padding: 70px 0 0 0; 
} 
html, body{ 
    height: 100%; 
} 
/* Top Navigation Bar */ 
.navbar-fixed-top { 
    background: #F7F7F7; 
    min-height: 0; 
    height: 45px; 
    padding: 5px 0; 
    margin-bottom: 0; 
} 
.navbar-header{ 
    height: 35px; 
    padding: 5px 0; 
} 
.content{ 
    width: 100%; 
    height: 450px; 
    background: rgb(255, 240, 240); 
}

kaynak

2014-04-05 Elton

Değişim vücut dolgu için ..

body { 
    padding: 45px 0 0 0; 
}

http://www.bootply.com/127737

kaynak

2014-04-05 23:46:10 ZimSystem

Hey şu hmm nasıl olsa çalıştı? Bu dolgu vücudun üst kısmını etkilemeli mi? Kafam karıştı. Bu kod biraz aslında 'vücut' için ne yapar? – Elton

Aah, navbar ile aynı yüksekliktedir. Şimdi anlıyorum. – Elton

Boşluk altındaki navbar-sabit-top Bootstrap

cevap

İlgili konular