-2

I want place <ul> over the <img>. While the end result is going to be responsive, for this I use "Bootstrap" framework.

Is there a way to use bootstrap classes? Or any other way?

<style>
 body{background-color:#cCa;}
 #wrapper{position:relative;}
 ul{
    position:absolute;
    top:50px;
 }
</style>
<body>

<div class="container-fluid">
<div class="row-fluid">

   <article class="span4" id="wrapper" > 


  <img src="css_js/img/sf.png">

    <ul  class="unstyled text-center">
        <li>a</li>
    </ul>
    <ul  class="unstyled text-center">
        <li>b</li>
        <li>b</li>
        <li>b</li>
    </ul>    

  </article>

</div>
</div>

</body>
4

1 回答 1

1

尝试将图像位置设置为相对位置，并将 ul 的位置设置为 css 中的绝对位置。这可能会奏效。

于 2013-07-05T13:18:46.983 回答