Question

我连续有3张图片。在每列之间，我想添加一个指向下一个图像的箭头。

我怎样才能这样做，同时保持现有图像居中（所以中间的图像位于页面中间），所以它在较小的屏幕上会很好地降级（例如消失）？

HTML：

<html>
<head>
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
        <div class="container">
                <div class="row">
                        <h1 class="col-sm-12" style="text-align: center;">EASY TO USE</h1>
                        <hr>
                </div>
                <div class="row">
                                <div class="col-sm-1"></div>
                                <div class="col-sm-3">
                                        <img class="img" src="../assets/img/indevice/step1htc.mini.24.png" height="350px" width="240px" alt="">
                                </div>
                                <div class="img col-sm-1"><img class="img" src="../assets/img/arrow.png" alt=""></div>
                                <div class="col-sm-3">
                                        <img class="img" src="../assets/img/indevice/step2htc.mini.24.png" height="350px" width="240px" alt="">
                                </div>
                                <div class="img col-sm-1"><img class="img" src="../assets//img/arrow.png" alt=""></div>
                                <div class="col-sm-3">
                                        <img class="img" src="../assets/img/indevice/step3htc.mini.24.png" height="350px" width="240px" alt="">
                                </div>
                </div>
        </div>

</body>
</html>

编辑：为了澄清，我想在上面的html代码中的现有图像之间添加箭头。上面的html / css已经居中。但是，我想在3个现有图像之间添加 2个箭头。

编辑：请参阅此图片以了解我的意思：http://imgur.com/YT2hnw4

编辑：更改了html以显示完整的示例，包括css调用。

引导列之间的箭头/图像

0 个答案: