html - 需要帮助创建一个向右拉的按钮组

Question

我正在尝试创建一个工具栏，左侧有一组按钮，右侧有另一组按钮。

<div class="row">

  <div class="span1">
    <div class="btn-toolbar">
    <div class="btn-group">
      <button class="btn btn-primary" ng-click="addStudent = true"><i class="icon-plus"
                                   "icon-white"></i></button>
    </div><!-- /btn-group -->
    <div class="btn-group pull-right">
      <button class="btn"><i class="icon-chevron-right
      icon-blue"></i></button>
      <button class="btn"><i class="icon-chevron-left icon-blue"></i></button>
    </div>
    </div><!-- /btn-toolbar -->
  </div>
</div>

然而，上面的代码将两个按钮组放在不同的行中，并且也没有将第二组拉到右边。

Answer 1

右拉正在工作，你只是没有给按钮任何水平空间，所以它们是垂直流动的。

例如，将“span1”更改为“span10”，为 V 形按钮提供一些浮动空间。