Twitter bootstrap 引导span1水平定位

我这里有一个问题的例子

我试图让图像两侧的导航箭头位于窗口的一半

我尝试过表格、填充、边距，但都没有成功。有什么建议吗

    <div class="container-fluid">
        <div class="row-fluid">
                <div class="span1">
                    <img src="images/leftArrow.png" alt="back one image"></div>
        <div class="span10 pagination-centered">
                    <img src="images/fashion-1.jpg" alt="fashion-photo"></div>
        <div class="span1">
                    <img src="images/rightArrow.png" alt="next"></div>
        </div>
    </div>

---

我会使用

位置：绝对
和
顶部：50%
。顶部带有箭头图像高度的负边距使图像垂直居中

使图像周围的
显示：内联块
与图像一样宽，而不是全屏。填充使箭头落在图像旁边而不是上方。添加一个容器以使其全部居中

<div class="mycontainer">
    <div class="mycarousel">
        <img class="arrow-prev" src="http://patrickmchugh.com/images/leftArrow.png" alt="previous" />
        <img class="arrow-next" src="http://patrickmchugh.com/images/rightArrow.png" alt="next" />
        <img src="http://patrickmchugh.com/images/fashion-1.jpg" alt="fashion-photo" />
    </div>
</div>

您将希望使所有跨度具有相同的高度。可能会帮助你。我实现了这一点，谢谢，所以现在所有跨距大概都是相同的高度，但箭头仍然位于页面顶部。现在，您可以根据需要向上或向下定位箭头。我的问题在于，如何让箭头现在位于跨距的一半？如下所示，您可以执行
position:absolute
和
top:50%
此答案不特定于引导，但在引导站点中有效。只需设置
max width:100%
以使其响应。我已经更改了代码和JSFIDLE。看一看。另外，别忘了+1并接受答案：）交给我吧，我得从办公室出来！我稍后会去看看阿诺德。干杯Sarnold，太棒了！我将在那里用一个最大高度进行实验。非常感谢。
.mycontainer {
    text-align: center;
}

.mycarousel {
    position: relative;
    padding: 0 25px;
    display: inline-block;
    max-width: 100%;
}

.mycarousel img {
   max-width: 100%;    
}
.arrow-prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
}

.arrow-next {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
}