2015-04-05 56 views
2

我正在使用Bootstrap v3.3.4。 我想在我的網頁中實現頁腳。但是,它不起作用。未找到類別頁腳

我的網頁代碼:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Web site</title> 
    <link href='css/main.css' rel='stylesheet'> 

    <!-- Library --> 
    <link rel="stylesheet" href="Bootstrap/bootstrap.min.css"> 
    <link rel="stylesheet" href="Bootstrap/bootstrap-theme.min.css"> 
    <script src="Script/jquery.min.js"></script> 
    <script src="Script/bootstrap.min.js"></script> 
</head> 
<body> 
    <div class='container'> 
     <div class="row"> 
      <div class="col-md-12 col-sm-12 col-xs-12 text-center"> 
       <h2><b> My first web site!</b></h2> 
       <div style="padding-bottom: 10px;"></div> 
      </div> 
     </div> 
     <div class="row well"> 
      <div class="col-md-6 col-sm-6 col-xs-6">      
       <p>This is my first web site, I'm trying to learn Bootstrap.</p> 
       <button type='button'>Take the Tour</button> 
       <button type='button'>Book Tickets Now</button> 
      </div> 
      <div class="col-md-6 col-sm-6 col-xs-6"> 
       <img src="Images/universe.jpg" alt="Blasting Off"/> 
      </div> 
     </div> 
     <div class="row well"> 
      <div class="col-md-4 col-sm-4 col-xs-4"> 
       <h3><b>I am 20 years old!</b></h3> 
       <p>I was born in 1994.</p> 
      </div> 
      <div class="col-md-4 col-sm-4 col-xs-4"> 
       <h3><b>I live in Rome!</b></h3> 
       <p>Rome is a beautiful city.</p> 
      </div> 
      <div class="col-md-4 col-sm-4 col-xs-4"> 
       <h3><b>I am a programmer!</b></h3> 
       <p>I am a front-end developer, I started to do this work recently.</p> 
      </div> 
     </div> 
    </div> 
    <div class="footer"> 
     <div class="container"> 
      <p class="text-muted">Place sticky footer content here.</p> 
     </div> 
    </div> 
</body> 

的NetBeans說類頁腳沒有找到

我已經包括bootstrap.min.css引導,theme.min .css

如果我用瀏覽器打開頁面(Chrome,在我的情況下)頁腳不起作用..

爲什麼?謝謝。

回答

2

我不確切地知道你在問什麼,但這可能有幫助。

如果您想將頁腳固定在底部,請嘗試將其添加到您的CSS代碼中。

CSS:

.footer { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    height: 60px; 
    background-color: #f5f5f5; 
} 

我希望這會幫助你?