毕业论文开发语言企业开发JAVA技术.NET技术WEB开发Linux/Unix数据库技术Windows平台移动平台嵌入式论文范文英语论文
您现在的位置: 毕业论文 >> WEB开发 >> 正文

Bootstrap如何设置页脚一直在最下面

更新时间:2015-12-19:  来源:毕业论文

<body>
<!-- 导航 -->
<div class="navbar">
</div>
<!-- 图片轮播 -->
<div class="carousel">
</div>
<!-- 内容展示 container 里面分两个 6 -->
<div class="container">
     <div class="col-md-6"></div>
     <div class="col-md-6"></div>
</div>
<!-- 页脚  -->
<div class="footer">
</div>
</body>


我想达到的最终效果是:
希望页脚能一直在上面的那个container的下边, 并且页脚是这个页面的结尾了, 但我现在遇到的问题是.. 我调整了上面的container的大小之后, 页脚会被提高或者降低...导致 我写的页脚下面还有空白的地方...
因为有的屏幕是大屏 肯定就一屏显示完了, 有的是小屏一屏显示不完, 希望达到的效果, 就是一直在页面的结尾, 并不需要跟随窗口的最下面(如果内容不到一屏那就是在最下面).
本人初学web.. 希望大牛们能详细说明一下.. 或者给我一个地址我去看, 一直没有搜到怎么解决这种问题的

 .container
<footer class="bottom">
  <div class="container">
      ...你的内容
 </div>
</footer>

<div id="footer" class="container">
<nav class="navbar navbar-default navbar-fixed-bottom">
    <div class="navbar-inner navbar-content-center">
        <p class="text-muted credit" style="padding: 10px;">
            ....
        </p>
    </div>
</nav>

设为首页 | 联系站长 | 友情链接 | 网站地图 |

copyright©youerw.com 优尔论文网 严禁转载
如果本毕业论文网损害了您的利益或者侵犯了您的权利,请及时联系,我们一定会及时改正。