Question

0 0

用Bootstrap怎么设置页脚一直在最下面呢?

目前我写的网页结构是这样的:


 <!-- 导航 -->
<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>

我想达到的最终效果是:
希望页脚能一直在上面的那个container的下边, 并且页脚是这个页面的结尾了, 但我现在遇到的问题是.. 我调整了上面的container的大小之后, 页脚会被提高或者降低...导致我写的页脚下面还有空白的地方...
本人初学web.. 希望大牛们能详细说明一下.. 或者给我一个地址我去看, 一直没有搜到怎么解决这种问题的...

补充:
因为有的屏幕是大屏肯定就一屏显示完了, 有的是小屏一屏显示不完, 希望达到的效果, 就是一直在页面的结尾, 有什么通用的方法么...

web前端开发 html5 bootstrap

10 years, 3 months ago

jdsxjqy

share

jdsxjqy 10 years, 3 months ago

Answer 1

0

楼主可以参考一下这个 http://blog.csdn.net/lyc_2011_acm/article/details/8685446 ；虽然不是用bootstrap，但是可以实现楼主的要求应该，可能需要自己写一些代码。

answered 10 years, 3 months ago

一手一根小黄瓜

share

一手一根小黄瓜 answered 10 years, 3 months ago

Answer 2

0


 <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>

answered 10 years, 3 months ago

玛丽苏病原体

share

玛丽苏病原体 answered 10 years, 3 months ago

用Bootstrap怎么设置页脚一直在最下面呢?

jdsxjqy

Answers

一手一根小黄瓜

玛丽苏病原体

Your Answer