将它们 Package 在两个单独的列中，如下所示：

<div class="panel-footer row"><!-- panel-footer -->
    <div class="col-xs-6 text-left">
        <div class="previous">
          <button type="button" class="btn btn-default btn-lg">
              <span class="glyphicon glyphicon-chevron-left"></span>
          </button>
        </div>
    </div>
    <div class="col-xs-6 text-right">   
        <div class="next">
          <button type="button" class="btn btn-default btn-lg">
              <span class="glyphicon glyphicon-chevron-right"></span>
          </button>
        </div>
    </div>
</div><!-- end panel-footer -->

字符串
顺便说一下，你可以使用内置的辅助类text-left / text-right，就像我在列div上做的那样，所以你不需要添加额外的css。在这种情况下，您可以删除您添加的额外div。

我想Bootstrap会自动为你做这个浮动，如果你把它 Package 在div.row中，因为它是基于网格的？

<div class="row">
<div class="pull-left">
    <button type="button" class="btn btn-default btn-lg">
        <span class="glyphicon glyphicon-chevron-left"></span>
     </button>
 </div>

 <div class="pull-right">
    <button type="button" class="btn btn-default btn-lg">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </button>
 </div>
 </div>

字符串

Bootstrap 4 Answer

以上的答案都是Boostrap 3特定的，所以我更新了接受的答案。

Glyphicon在Bootstrap 4中不存在，所以你必须使用类似Font Awesome的东西

<div class="row">
    <!-- panel-footer -->
    <div class="col-6 text-left">
        <div class="previous">
            <button type="button" class="btn btn-default btn-lg">
                <!--No glyphicons in Bootstrap 4. Insert icon of choice here-->
                <span class=""></span>
            </button>
        </div>
    </div>
    <div class="col-6 text-right">
        <div class="next">
            <button type="button" class="btn btn-default btn-lg">
                <span class=""></span>
            </button>
        </div>
    </div>
</div>

字符串

你可以试试HaukurHaf说的，它会起作用的。简单浮动法。
或者你也可以把这两个.previous和.next div放在.col- classes中，然后把它们 Package 在一个row div中。因此，它会这样写：

<div class="panel-footer">
<div class="row">
    <div class="col-xs-6 previous">
        <button type="button" class="btn btn-default btn-lg">
        <span class="glyphicon glyphicon-chevron-left"></span>
        </button>
    </div>
    <div class="col-xs-6 next">
        <button type="button" class="btn btn-default btn-lg">
        <span class="glyphicon glyphicon-chevron-right"></span>
        </button>
    </div>
</div>

字符串
这样你就遵循了Bootstrap的列布局。

另一种方法是使用flexbox：

<div class="flexbuttons">
<button></button>
<button></button>
</div>
    
<style>
.flexbuttons{
  display:flex;
  justify-content: space-between;
}
</style>

字符串

我会在你的css中使用 float

.previous {
float: left;
}

.next {
float: right;
}

字符串
你可以在这里测试这个选项jsfiddle。

你需要浮动包含按钮的div到左边和右边。由于您正在使用Bootstrap，我建议您使用内置的.pull-right和.pull-left类。
将.pull-left类给予前一个div，将. pull-right类赋予下一个div。
您可能需要在html源代码中将“下一步”按钮放在第一位。
你也可以添加float：left;到现有的.previous class和float：right;下一节课。
更好的方法是，去掉那些previous/next div，直接将pull-left/pull-right类应用到按钮上。

2020+更新答案：

• 引导类flex-box和justify-content
• Font-awesome icons而不是glyphicons（Bootstrap 4中没有）

<div class="d-flex justify-content-between">
 <button class="btn btn-primary btn-sm">
    <i class="fas fa-arrow-left" aria-hidden="true"></i>
 </button>
 <button class="btn btn-primary btn-sm">
    <i class="fas fa-arrow-right" aria-hidden="true"></i>
  </button>
</div>

字符串

使用justify-content-between

<div class="panel-footer row justify-content-between">
        <div class="previous">
            <button type="button" class="btn btn-default btn-lg">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </button>
        </div>
        <div class="next">
            <button type="button" class="btn btn-default btn-lg">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </button>
        </div>
    </div>

字符串