css - 用于响应式布局的 Bootstrap 容器类中的中心固定 div

Question

我会尝试使用边距百分比来应用 hack，但由于它是响应式的，我不知道如何在 Bootstrap 容器类中将固定的 div 居中。我在这里运行我的实验:

http://jsbin.com/oqOsEGa/1

尝试取消选中 developer tool 中的 position:fixed，事情在容器内进行，但我想在 bootstrap 的容器类中应用 fixed but align，如何？

Answer 1

如果您想要通过 Bootstrap 的固定(粘性)容器，请查看这篇文章。您可以使用 Affix plugin 用于 Bootstrap 。

如果您只是想使容器居中，请尝试将以下内容添加到容器类中:

.container {
    height:200px;
    border: 5px solid black;
    display:block;
    margin: auto;
    width: 300px;
}

• > Bootstrap responsive affixed menu
• > http://getbootstrap.com/javascript/#affix