bootstrap 3部分重叠在下面的部分

时间:2015-08-17 02:27:56

标签: twitter-bootstrap

我已经在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>

enter image description here

0 个答案:

没有答案