Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用navbar引导静态页脚_Html_Css_Twitter Bootstrap_Footer - Fatal编程技术网

Html 使用navbar引导静态页脚

Html 使用navbar引导静态页脚,html,css,twitter-bootstrap,footer,Html,Css,Twitter Bootstrap,Footer,我使用以下代码使用引导创建页脚: 我希望页面底部有一个静态页脚,而不是在视口中始终可见的页脚。什么是引导方式来实现这一点?静态页脚在引导中有一个实现。你不需要使用 CSS: HTML: 我想你错过了什么。导航用于导航,而不是页脚。请正确更正您的代码。这可能有助于: <nav class="navbar navbar-default navbar-fixed-bottom"> <div class="container"> <div class

我使用以下代码使用引导创建页脚:


我希望页面底部有一个静态页脚,而不是在视口中始终可见的页脚。什么是引导方式来实现这一点?

静态页脚在引导中有一个实现。你不需要使用

CSS:

HTML:


我想你错过了什么。导航用于导航,而不是页脚。请正确更正您的代码。这可能有助于:
<nav class="navbar navbar-default navbar-fixed-bottom">
    <div class="container">
        <div class="navbar-header">
            <span class="navbar-brand">Ok Bye</span>
        </div>

        <p class="navbar-text navbar-right">company &copy; 2017</p>
    </div>
</nav>
/* Sticky footer styles
-------------------------------------------------- */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}
<footer class="footer">
  <div class="container">
    ...
  </div>
</footer>