2013-07-28 283 views
0

讓我先說我研究過這個問題,沒有任何答案對我有幫助。我必須做錯事,我只是不知道該怎麼做。正如你所看到的,我已經嘗試了我在這裏也找到的body CSS,但那仍然不起作用。我擡頭一看一個網站,並使用自己的代碼直接拿到我的內容而不是它下面的導航欄下,但我還是想在2Twitter Bootstrap導航欄問題

<!DOCTYPE html> 
<html> 
<head> 
<title>siteName || Welcome!</title> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

<!-- Bootstrap --> 
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 

<!-- JavaScript plugins (requires jQuery) --> 
<script src="http://code.jquery.com/jquery.js"></script> 

<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 

<!-- Optionally enable responsive features in IE8 --> 
<script src="js/respond.js"></script> 

body { 
    padding-top: 60px; 
    padding-bottom: 80px; 
} 
.sidebar-nav { 
    padding: 9px 0; 
} 
@media(max-width: 980px) { 
/* Enable use of floated navbar text */ 
.navbar-text.pull-right { 
     float: none; 
     padding-left: 5px; 
     padding-right: 5px; 
} 
} 
</style> 
</head> 
<body> 
<div class="row"> 
<div class="navbar navbar-fixed-top navbar-inverse"> 
    <div class="navbar-inner"> 
    <div class="container"> 
    <a class="brand" href="#">siteName</a> 
     <ul class="nav navbar-nav"> 
      <li><a href="#">About Me</a></li> 
      <li><a href="#">Contact Me</a></li> 
      <li class="dropdown"> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#">Links<span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">site1</a></li> 
        <li><a href="#">site2</a></li> 
        <li><a href="#">site3</a></li> 
       </ul> 
      </li> 
     </ul> 
     <button type="button" class="btn btn-inverse navbar-btn pull-right">Sign in</button> 
     <form class="navbar-search pull-right"><input type="text" class="search-query" placeholder="Search"></form> 

    </div> 
    </div> 
</div> 
</div> 
<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span9 well"> 
      <div class="jumbotron"> 
       <h1>Hello World</h1> 
       <p>Welcome, this isn't lowering down at all :c</p> 
      </div> 
     </div> 
    </div> 
</div> 
</body> 
</html> 
+0

在你的css代碼之前添加一個