7  

If you know the width of the element you wanna center, you can use a margin-left being the negative value of width / 2. Like this jsFiddle example:

如果你知道你想要居中的元素的宽度,你可以使用margin-left是width / 2的负值。就像这个jsFiddle示例:

.push-to-bottom {
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -50px;
}

#element {
  background-color: #000;
  width: 100px;
  height: 100px;
}

4  

Use position: absolute to get it to the bottom of the page and use the .text-center class (from Bootstrap) along with width: 100% to get it in the middle:

使用position:absolute将它放到页面底部并使用.text-center类(来自Bootstrap)和宽度:100%将它放在中间:

.force-to-bottom {
  position:absolute;
  bottom: 5%;
  width: 100%;
}

Clicky here for the fiddle.

点击此处查看小提琴。

0  

Well, the main problem was in my poor knowledge of CSS and Bootstrap convetions. I found this solution acceptable, maybe it isn't the best approach, but it works, and it is fully reponsible.

好吧,主要问题在于我对CSS和Bootstrap对话的了解不足。我发现这个解决方案是可以接受的,也许它不是最好的方法,但是它有效,而且它是完全可靠的。

  
 
    

      

        
Some heading
      
    
  
  

Main goal was to keep div fully centered horizontally, so #home div is wrapped inside container, then give the #home div position: absolute property, and then is simply change bottom property both fixed or given in percentage.

主要目标是保持div完全水平居中,因此#home div包含在容器内,然后给#home div位置:绝对属性,然后简单地改变底部属性既固定又以百分比给出。