css - Bootstrap 按钮之间的间距

Question

当我使用以下代码时，如何确保按钮之间有间距

<div class="container">
   <div class="jumbotron">
    <button ng-repeat="char in alphabet" ng-click="filterByAlphabet(char)">{{char}}</button>
    <br><br>         
    <span ng-repeat="genre in genres"> 
        <button class="btn btn-xs" ng-click="filterByGenre(genre)">{{genre}}</button>            
    </span>            

</div>

Answer 1

'btn-toolbar' 一举成功。无需手动设置 CSS

<div class="btn-toolbar">
    <button id="button1" class="btn btn-primary">Button 1</button>
    <button id="button2" class="btn btn-primary">Button 2</button>
    <button id="button3" class="btn btn-primary">Button 3</button>
</div>