我想在col-xs-12背景图像上放置一个大小为col-xs-3的小div，但它一直将其直接推到图像下方而不是上方。
这是我的代码…

HTML：

<div class="hero-container">
          <div class="row-fluid">
            <div class="span12">
              <div class="image wow bounceInUp"><img class="bg-image" src="hero.jpg">
                <div class="col-xs-3 pull-right contact-menu">
                  <ul>
                    <li>Phone: xxxx xxx xxx</li>
                    <li>Email: [email protected]</li>  
                  </ul>
                </div>
              </div>      
                <div class="caption post-content wow bounceInUp">
                    <h1>UX Design & Development</h1> 
                </div>

            </div>
          </div>
  </div>

CSS

.bg-image {
    position: relative;
    width: 100%;
    opacity: 0.75;
    background-size: cover;
    src: url(hero.jpg);
    z-index: 0;
}

.hero-container{
    position:relative;

}

.post-content {
    top:-10px;
    left:40px;
    position: absolute;
    font-size: 2.5vw;
    text-align: center;
}

.contact-menu {
    background-color: #d6d6d6;
    padding: 15px;
    display: block;
    z-index: 3;
}