Css 引导列之间的箭头/图像

Css 引导列之间的箭头/图像,css,twitter-bootstrap,twitter-bootstrap-3,Css,Twitter Bootstrap,Twitter Bootstrap 3,我有3个图像在一行内。在每一列之间,我想添加一个指向下一个图像的箭头 我如何做到这一点,同时保持现有的图像为中心(中间的一个在页面的中间),因此它在较小的屏幕上(例如,消失)很好地退化了? html: 易于使用 编辑:为了澄清,我想在上面的html代码中的现有图像之间添加箭头。上面的html/css已经居中。但是,我想在现有的3个图像之间添加2个箭头 编辑:请查看此图像以了解我的意思: 编辑:更改html以显示完整示例,包括css调用。在这里 <div class="contai

我有3个图像在一行内。在每一列之间,我想添加一个指向下一个图像的箭头

我如何做到这一点,同时保持现有的图像为中心(中间的一个在页面的中间),因此它在较小的屏幕上(例如,消失)很好地退化了?

html:


易于使用

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

编辑:请查看此图像以了解我的意思:

编辑:更改html以显示完整示例,包括css调用。

在这里

  <div class="container">
     <div class="row">
         <h1 class="centered" style="text-align: center;">EASY TO USE</h1>
         <hr>
         <div class="col-md-3" style="margin-left:4.17%;">
            <img class="img" src="image" height="350px" width="240px" alt="">
         </div>
         <div class="img col-md-1">
            <img class="img" src="../assets/img/arrow.png" alt="">
         </div>
         <div class="col-md-3">
            <img class="img" src="image" height="350px" width="240px" alt="">
         </div>
         <div class="img col-md-1">
            <img class="img" src="../assets//img/arrow.png" alt="">
         </div>
         <div class="col-md-3">
            <img class="img" src="image" height="350px" width="240px" alt="">
         </div>
     </div>
  </div>

易于使用


我所做的只是删除了额外的col-md-1类,而是在第一个元素中添加了相同相等的边距,使其保持在中间。

请参阅我的说明。如果你需要进一步的澄清,请毫不犹豫地询问。但这不是重点。此外,为了工作,我将其更改为
,更改为div应该不会有任何区别。我想知道你想做什么?整个屏幕还是中间的图像?是的。我不明白你的最后一句话。我希望中间的一栏,中间的图像,与页面上的其他内容保持居中/对齐。是的,我做到了。我甚至在发帖之前就试过了。
  <div class="container">
     <div class="row">
         <h1 class="centered" style="text-align: center;">EASY TO USE</h1>
         <hr>
         <div class="col-md-3" style="margin-left:4.17%;">
            <img class="img" src="image" height="350px" width="240px" alt="">
         </div>
         <div class="img col-md-1">
            <img class="img" src="../assets/img/arrow.png" alt="">
         </div>
         <div class="col-md-3">
            <img class="img" src="image" height="350px" width="240px" alt="">
         </div>
         <div class="img col-md-1">
            <img class="img" src="../assets//img/arrow.png" alt="">
         </div>
         <div class="col-md-3">
            <img class="img" src="image" height="350px" width="240px" alt="">
         </div>
     </div>
  </div>