html - 如何在 Bootstrap 中使页脚响应

标签 html css twitter-bootstrap

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 6 年前

我正在为页 footer 分使用 bootstrap html 代码。我想让它完全响应。

我的代码在这里:

<div class="footer">

<div class="col-md-3">
    <h3>About us</h3>
</div>
<div class="col-md-3">
    <h3> Policy&Service</h3>
</div>
<div class="col-md-3">
    <h3> User Agreement</h3>
</div>
<div class="col-md-3">
    <h3> Terms&Conditions</h3>
</div>

CSS:

.footer {
    bottom: 0;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    height: 40px;
    position: absolute;
}

它没有响应地显示?我如何让它响应?

最佳答案

你应该使用

class="col-xs-3" 而不是 class="col-md-3"

它将响应所有设备。

关于html - 如何在 Bootstrap 中使页脚响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38437292/

上一篇:javascript - 返回顶部按钮每次单击都会延长动画持续时间

下一篇:html - 造型 radio 输入问题

相关文章:

css - 带有 Bootstrap 颜色选择器的 Kendo UI 窗口,窗口总在最前面

css - 如何从 Twitter Bootstrap 中删除未使用的样式?

javascript - 第二次访问用户后用 cookie 隐藏 div

html - 如何让 4 件元素完美放入容器内

html - 两个水平图像之间的空白

javascript - 缩小网站高度以适应移动设备

javascript - 如何制作间隔计时器?

javascript - 包含在 jquery 中

html - Microsoft Edge 忽略文本装饰 :none; for my telephone number

iPad CSS 页面宽度