Question

我希望将地方<ul>放在<img>上。虽然最终结果将是响应性的，为此我使用＆＃34; Bootstrap ＆＃34;框架。

有没有办法使用bootstrap类？或者其他任何方式？

<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>

Answer 1

尝试在css中将图像位置设置为relative，将ul的位置设置为绝对值。这可能有用。

如何在img上放置ul（响应）？

1 个答案: