Question

我想在标题图片上放一个带白色背景的文本框。但它不起作用。有什么想法吗？

到目前为止，这是我的代码：

<body>
<div class="container">
  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <img class="img-responsive sofiheaderborder" src="assets/header2.png">
    <div class="col-lg-3 col-md-13 col-sm-12 col-xs-12">
      <ul>
        <li>Text row 1</li>
        <li>Text row 1</li>
      </ul>
    </div>
  </div>
</div>

Answer 1

JSFiddle示例：http://jsfiddle.net/6LyHz/1/

.container{
position:relative;
}
.col-lg-3.col-md-13.col-sm-12.col-xs-12{
position:absolute;
top:25px;
left:25px;
background:white;
}

Answer 2

您将使用课程＆＃39;容器＆＃39;在每一页，所以我不建议改变容器和那些col-md--东西。相反，给你有文本的div ion一个类名，并使用-VE margin来提升。或者，首先是text-div然后是image，然后使用margin-top。任何你必须使用z-index的方法。然后，您甚至可以针对不同的屏幕测试和更改媒体查询。我将尝试使用jsfiddle并尽快给你链接

Bootstrap：如何在标题图像上放置一个框？

2 个答案: