angular ng-repeat with bootstrap list-inline

angular ng-repeat with bootstrap list-inline

<body ng-app="" ng-init="names=['james', 'sean', 'emmanuel']"> <div class="container"> <h2>Angular ng-repeat demo</h2> <ul class="list-inline" ng-repeat="name in names"> <li> {{ name }} </li> </ul> </div>

我是 angular 和 bootstrap 的新手。上面的代码没有将名称放在一行中。有什么建议吗?
ps: 列表行是 bootstrap css class

li 元素上使用 ng-repeat 而不是 ul:

<div class="container">
  <h2>Angular ng-repeat demo</h2>
  <ul class="list-inline">
    <li ng-repeat="name in names"> {{ name }} </li>
  </ul>
</div>