Css 带粘性页脚的中央引导3

更新了：在下面添加了Bootstrap3代码

从包含粘性页脚的默认值开始。我尝试了中的一些CSS方法，将DIV垂直和水平居中

但是，这些方法中的每一个都会更改粘性页脚，因为它不喜欢

html，body{height:100%}

标记

我很好奇是否有人找到了解决办法

html{
位置：相对位置；
最小高度：100%；
}
身体{
/*按页脚高度排列的页边距底部*/
边缘底部：60px；
}
琼伯伦先生{
宽度：400px；
浮动：无；
边缘顶部：100px；
}
.页脚{
位置：绝对位置；
底部：0；
宽度：100%；
/*在此处设置页脚的固定高度*/
高度：60px；
背景色：#F5；
}

切换导航





需要CSS编码来居中，高度是流动的。
将粘性页脚内容放在此处

只需将页脚中的文本居中即可：

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
    text-align: center;
}

并在

标记中添加一些填充：

.text-muted {
    padding-top: 20px;
}

---

只需将页脚中的文本居中即可：

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
    text-align: center;
}

并在

标记中添加一些填充：

.text-muted {
    padding-top: 20px;
}

---

您可以添加一个

固定的
定位div，其
宽度
和
高度
，作为垂直和水平居中div的父级，以离开文档流，然后使用
显示：表
技巧实际垂直对齐子div

但这将导致这样一种情况，即居中div的高度不再向下推动
页脚

看看下面的例子。
@导入url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');
html{
位置：相对位置；
最小高度：100%；
}
身体{
/*按页脚高度排列的页边距底部*/
边缘底部：60px；
}
.固定货柜{
显示：表格；
位置：固定；
排名：0；
底部：0；
身高：100%；
宽度：100%；
}
居中{
显示：表格单元格；
垂直对齐：中间对齐；
}
琼伯伦先生{
宽度：400px；
浮动：无；
}
.页脚{
位置：绝对位置；
底部：0；
宽度：100%；
/*在此处设置页脚的固定高度*/
高度：60px；
背景色：#F5；
}

切换导航





需要CSS编码来居中，高度是流动的。
将粘性页脚内容放在此处
您可以添加一个
固定的
定位div，其
宽度
和
高度
，作为垂直和水平居中div的父级，以离开文档流，然后使用
显示：表
技巧实际垂直对齐子div

但这将导致这样一种情况，即居中div的高度不再向下推动
页脚

看看下面的例子。
@导入url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');
html{
位置：相对位置；
最小高度：100%；
}
身体{
/*按页脚高度排列的页边距底部*/
边缘底部：60px；
}
.固定货柜{
显示：表格；
位置：固定；
排名：0；
底部：0；
身高：100%；
宽度：100%；
}
居中{
显示：表格单元格；
垂直对齐：中间对齐；
}
琼伯伦先生{
宽度：400px；
浮动：无；
}
.页脚{
位置：绝对位置；
底部：0；
宽度：100%；
/*在此处设置页脚的固定高度*/
高度：60px；
背景色：#F5；
}

切换导航





需要CSS编码来居中，高度是流动的。
将粘性页脚内容放在此处
请再添加一些代码好吗？我能提供的最好的方法是创建一个新的div，并做一些类似于高度：25%宽度：25%边距：auto的操作。你能再添加一些代码吗？我能提供的最好的方法是创建一个新的div，并执行类似于Height:25%Width:25%Margin:auto.Footer保留在底部，是jumbotron div需要在高度上居中（高度是流体）。Footer保留在底部，是jumbotron div需要在高度上居中（高度是流体）。