Angular: Empty Fiddle

http://angularjs.org/

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<h4>Plain bootstrap</h4>
<div class="form-inline">

    <div class="form-group">
        <button type="button" class="btn btn-default">
            <span>123</span>
        </button>
    </div>
    <div class="form-group">
        <button type="button" class="btn btn-default">
            <span>123</span>
        </button>
    </div>
    <div class="form-group">
        <button type="button" class="btn btn-default">
            <span>123</span>
        </button>
    </div>

</div>

<!-- Angular way -->
<h4>Using ng-repeat</h4>
<div class="form-inline" ng-controller="MyCtrl">

    <div class="button-wrapper" ng-repeat="button in buttons">
        <button type="button" class="btn btn-default">
            <span>{{button}}</span>
        </button>
        <div ng-show="!$last" style="display: inline-block;"></div>
    </div>

</div>

CSS

.button-wrapper {
    display: inline-block;
}

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.buttons = ['123', '456', '789'];
}