我已经在http://ironsummitmedia.github.io/startbootstrap-scrolling-nav/下载了模板,并在介绍部分添加了一些图像,但我需要的图像有点大,并且当在较小的屏幕下查看时重叠下面的部分,就像我最小化宽度一样浏览器。此外,当最小化浏览器时,正确的内容与左内容(图像)重叠。以下是代码:
<section id="intro" class="intro-section" style="background:#ffffff">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-6" style="text-align:right;border:0px solid #ccc">
<div style="position:relative;top: 0">
<img class="img-responsive center-block" src="asset/img/samsung_galaxy_tab_a_white_front_fit.jpg" style="position: absolute; top: 0; left: 0"/>
<div id="slider1_container" style="position: relative; top: 61px; left: 29px;width: 392px; height: 520px;">
<!-- Slides Container -->
<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px;overflow: hidden;width: 392px; height: 520px;">
<div><img u="image" src="asset/img/guestarrive_visitor_completion.png" style="position: absolute"/></div>
<div><img u="image" src="asset/img/guestarrive_show_visitor_agreement.png" style="position: absolute"/></div>
<div><img u="image" src="asset/img/guesarrive_default_screen.png" style="position: absolute"/></div>
<div><img u="image" src="asset/img/guestarrive_quick_reg.png" style="position: absolute"/></div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6" style="border:0px solid #ccc">
<span style="font-size:60px;">
Recycle your visitor log book today and impress every guest with GuestArrive :D
</span>
</div>
</div>
</div>
</section>