Question

我使用的是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 和 bootstrap-theme.min.css

如果我使用浏览器打开页面（Chrome，我的情况），页脚无法正常工作..

为什么呢？感谢。

Answer 1

我假设您正在尝试从twitter-bootstrap库中导入页脚。不幸的是，twitter-Bootstrap不包含页脚类的默认CSS。（它可能适用于HTML标记，但没有类）。

根据您要显示的页脚类型，http://www.getbootstrap.com

上有一些示例

例如： http://getbootstrap.com/examples/sticky-footer/

希望能帮到你。

Answer 2

我不确切地知道你要求的是什么，但这可能有所帮助。

如果您希望将页脚固定在底部，请尝试将其添加到CSS代码中。

<强> CSS：

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

我希望这会对你有帮助吗？

没有找到类页脚

2 个答案: