Javascript “引导”；隐藏xs"；不工作+；无法为小视口创建粘性页脚

我有一个世界的问题，试图使我的页脚粘在较小的视口的页面底部，所以作为一个绷带，我只是玩隐藏的div一起，直到我可以得到它的排序

HTML文件

<div class="sitefooter">
  <div class="container">
    <div class="row">
        <div class="col-md-4">
        code
        </div>
        <div class="col-md-2 col-md-offset-1">
        code
        </div>
        <div class="col-md-2 col-md-offset-1">
        code
        </div>
    </div>
    <div class="row top20">
        <div class="col-md-4 col-md-offset-4 col-xs-6" style="text-align:center;">
        code
        </div>
        <div class="col-md-4 col-xs-6" style="text-align:right;">
        code
        </div>
    </div>
   </div>
</div>  

最终，所需的状态是所有视图端口上的粘性页脚，但这将是一个OK折衷方案

---

有人知道我做错了什么吗？

假设您使用的是默认的引导断点，您只需使用屏幕宽度上的媒体查询即可。如果希望将更改应用于xs引导屏幕，可以使用以下媒体查询

@media only screen and (min-width : 480px) {
     // Code Here
}

如果要使页脚粘在xs屏幕的底部，只需使用：

@media only screen and (min-width : 480px) {

    .sitefooter {
        position: fixed;
        bottom: 0;
    }

}

如果要在相同的屏幕宽度上完全隐藏页脚，可以使用：

@media only screen and (min-width : 480px) {

    .sitefooter {
        display: none;
    }

}

---

有时，使用媒体查询比使用引导附带的可见性类更容易，主要是因为它将为您提供更多的自定义功能。

假设您使用的是默认引导断点，您可以只使用所需屏幕宽度上的媒体查询。如果希望将更改应用于xs引导屏幕，可以使用以下媒体查询

@media only screen and (min-width : 480px) {
     // Code Here
}

如果要使页脚粘在xs屏幕的底部，只需使用：

@media only screen and (min-width : 480px) {

    .sitefooter {
        position: fixed;
        bottom: 0;
    }

}

如果要在相同的屏幕宽度上完全隐藏页脚，可以使用：

@media only screen and (min-width : 480px) {

    .sitefooter {
        display: none;
    }

}

---

有时，使用媒体查询比使用引导附带的可见性类更容易，主要是因为它将为您提供更多的自定义功能。

sticky=

位置：固定

，如果需要较小的大小，请使用媒体查询sticky=

位置：固定

，如果需要较小的sizesHi mate，请使用媒体查询-谢谢您的帮助！我发现：fixed命令只是将页脚粘贴到视图端口的底部，而不是页面。我认为我的问题更多的是页脚对于xs屏幕来说可能太大，并且没有适当地缩小（或者根本没有），因此页脚可以正确地附着，但是由于页脚的高度固定，内容太大了。如果你想将其固定在页面底部而不是视口，那就有点麻烦了。看一看这个小把戏，可以用来解决这个问题……除此之外，没有使用JavaScript，真的没有一个干净的方式，ETCI刚刚完成我的理论测试——结果我是个白痴，没有考虑到我的内容是泛滥的。我复制了你的@media查询（缩小为320），并将字体改为xxem；这就解决了问题。谢谢你的帮助，伙计：）太好了！很高兴我能帮助你好，朋友-谢谢你的帮助！我发现：fixed命令只是将页脚粘贴到视图端口的底部，而不是页面。我认为我的问题更多的是页脚对于xs屏幕来说可能太大，并且没有适当地缩小（或者根本没有），因此页脚可以正确地附着，但是由于页脚的高度固定，内容太大了。如果你想将其固定在页面底部而不是视口，那就有点麻烦了。看一看这个小把戏，可以用来解决这个问题……除此之外，没有使用JavaScript，真的没有一个干净的方式，ETCI刚刚完成我的理论测试——结果我是个白痴，没有考虑到我的内容是泛滥的。我复制了你的@media查询（缩小为320），并将字体改为xxem；这就解决了问题。谢谢你的帮助，伙计：）太好了！很高兴我能帮忙