Question

我正在尝试将图片集中在我的网页上。我希望它出现在我的页脚上方。无论我到目前为止尝试过什么都没有用这是我的HTML

 <div class="center-block">  
   <img alt="footer" title="footer"  class="image-footer" src="./img/demo.png"/>
   </div>
   <div class="navbar-fixed-bottom footer"> <ul class="foot-left">
          <li><a href="#" class="menu_buttons" >Home</a></li>
           <li><a href="#" class="menu_buttons" >About</a></li>
          <li><a href="#" class="menu_buttons" >Support</a></li>
         </ul>
    <ul class="foot-right">
        <li><a href="#" class="menu_buttons" >Powered by Demo</a></li>
    </ul>

    </div>

并且图片页脚类是：

 .image-footer
  {

   position:absolute;
   top:680px;
  }

到目前为止没有结果。我已经尝试了所有可能的组合，我知道......请建议......

Answer 1

基础知识？

<div class="text-center">
    <img alt="footer" src="./img/demo.png"/>
</div>

Answer 2

.center-block {
  width: 100%;
}
image-footer {
  width: 30%;
  margin: 0 auto;
}

确保父元素的宽度也为100％（例如html，body ..）

Answer 3

.center-block{
text-align: center;
}

现在有用吗？

Bootstrap中心图像

3 个答案: