Html 使用引导时按钮未向左拉

我的网页上有两个按钮。一个应该一直向左拉，另一个向右拉。右边的按钮一直拉到右边，但左边的按钮保持在中间。你知道是什么引起的吗？我使用的是bootstrap v3.1.1。我很快就会贴一把小提琴

HTML

<button id="displayLeftMenu" class="pull-left">Left Menu</button>
<button id="displayRightMenu" class="pull-right">Right Menu</button>   

左菜单
右菜单

我也尝试过以下方法，但左键似乎并没有一直向左拉（但右键是这样的）：

左菜单
右菜单

---

CSS中没有displayLeftMenu或displayRightMenu的规则。

在这里可以正常工作。您是否有其他可能导致冲突的代码？对我来说，在JSFIDLE上工作很好，可能在我的end-pilot错误上有冲突。我会检查我的终端并更新帖子。感谢所有发表评论的人。我在jsfiddle上也注意到了同样的情况。

<div class="container-fluid">
    <button id="displayLeftMenu" class="pull-left">Left Menu</button>
    <button id="displayRightMenu" class="pull-right">Right Menu</button>    
</div>