javascript - 如何让图像适合我的 JavaScript 应用程序？

Question

我需要一些帮助才能按我想要的方式运行，总体而言，我对 JavaScript 和 webdev 还很陌生。我想要一张图片显示在我用 Turn.js 编写的 javascript 应用程序旁边。

这是我认为正确的 HTML 代码:

<div class="container-fluid">
    <div class="row">
        <div class="col-md-8">
            <img class="img-responsive" src="http://www.bandanaworld.com/20108.JPG" alt="img"></img>
        </div>
        <div class="col-md-4">
            <div class="t">
                <div class="tc rel">
                    <div class="book" id="book">
                        <div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/01.jpg" alt="" /></div>
                        <div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/02.jpg" alt="" /></div>
                        <div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/03.jpg" alt="" /></div>
                        <div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/04.jpg" alt="" /></div>
                        <div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/05.jpg" alt="" /></div>
                        <div class="page"><img src="https://raw.github.com/blasten/turn.js/master/demos/magazine/pages/06.jpg" alt="" /></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

我在这里设置了一个带有示例的 JFiddle: https://jsfiddle.net/gpheob5r/

Answer 1

我不太确定你想实现什么(“我想在我的 javascript 应用程序旁边显示一个图像”——什么 js 应用程序？)， 但是看看你的 html 你错过了第 5 行的结束(你的第一个 Bootstrap 行)