如何让图像适合我的 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-application？）， 但是看着你的 html 你错过了第 5 行的结束（你的第一个引导行）