Twitter bootstrap 如何浮动左转盘左控制？

我正在尝试重新定位旋转木马右下角的左右旋转木马按钮控件。但是，我不知道如何浮动左控件，因为它不与右控件一起浮动

初始页面加载：

将页面拖宽后：

代码中没有包含Float，但我尝试了Float:right和left控件

<a class="left carousel-control" href="#mainCarousel" data-slide="prev"  style="margin: 348px 0 0 770px">&lsaquo;</a>   
<a class="right carousel-control" href="#mainCarousel" data-slide="next"   style="margin: 348px -20px 0 0">&rsaquo;</a>

我试着把两者都放在一个div和float上，但没有成功

我基本上希望两个旋转木马按钮在旋转木马的右下角紧靠在一起。在“页面加载我的页边距”中，将“下一步”/“上一步”按钮重新定位到右下部分，最初它们一起出现，但当您将浏览器向右拖动时，它会加宽/拉伸控件，控件会分开向右移动，但左移保持不变。

---

这是JSFIDDLE->

这就是您想要做的。例如，我去掉了页边空白。

编辑：

---

我更新了你的小提琴

你想把它们放在页面的对面吗

我看了看你的手指，但看不到箭头

但假设箭头的HTML代码如下所示：

<input type="button" class="leftArrow" value="left" />
<input type="button" class="rightArrow" value="right" />

---

记住：使位置相对重要。否则浮动将无法工作。

您可以将代码放在jsbin这样的工具上吗？您只是想让左侧在一侧，右侧在右侧？这是JSFIDLE->@Pjack:或多或少，正确！我创造了一个答案。我去掉了页边空白，因为它们太大了。那可能也会把你搞砸。嗨，那不是我想做的。我希望箭头按钮在右下角保持紧挨着，就像这样->。问题是当页面调整大小时，即浏览器从左向右拖动，使网页变大。左侧按钮保持不变，右侧随着页面->移动。当页面或旋转木马调整大小时，我希望它们保持在右下角。嗨，这不是我想要做的。我希望箭头按钮在右下角紧靠在一起，如->bit.ly/139ufJI，这将是页面加载的初始位置。问题是当页面调整大小时，即浏览器从左向右拖动，使网页变大。左侧按钮保持不变，右侧随着页面->bit.ly/16ARtWh移动。当页面或旋转木马调整大小时，我希望它们保持在右下角。

.floatRight{
    float:right;
}
.floatLeft{
    float:left;
}

<input type="button" class="leftArrow" value="left" />
<input type="button" class="rightArrow" value="right" />

.leftArrow { position: relative; float: left; }
.rightArrow { position: relative: float: right; }