Twitter bootstrap 引导div断开线

这是我的代码：

<div class="row">
                <div class="col-lg-2 " align="center"> <img  src="" class="img-circle img-responsive"> </div>
                <div ng-switch on="editMode" class=" col-lg-8 ">
                  <div ng-switch-when="true">
                    <a href ng-click="cancel()" class="btn btn-primary">CANCEL</a>
                    <a href="#" class="btn btn-primary">CHANGE PASSWORD</a>
                    <div ng-switch on="user.status">
                      <div ng-switch-when="ENABLED">
                        <a href ng-click="disableUser()" class="btn btn-primary">DISABLE</a>
                      </div>
                      <div ng-switch-default>
                        <a href ng-click="enableUser()" class="btn btn-primary">ENABLE</a>
                      </div>
                    </div>
                  </div>
                  <div ng-switch-default>
                    <a href ng-click="editUser()" class="btn btn-primary">EDIT</a>
                  </div>
                </div>
            </div>

问题是dib会断线，而不是在同一行中获得3个对齐的按钮，其中一个会断线到另一行

我能做些什么来解决这个问题

问候,，

---

Ido

这是因为默认情况下，angular的div具有

display:block

。将其设置为内联块或使用ng（如果不是开关）：

<a href ng-click="cancel()" class="btn btn-primary">CANCEL</a>
<a href="#" class="btn btn-primary">CHANGE PASSWORD</a>
<a ng-if="user.status=='enabled'" href ng-click="disableUser()" class="btn btn-primary">DISABLE</a>
<a ng-if="user.status!='enabled'" href ng-click="enableUser()" class="btn btn-primary">ENABLE</a>

---

由于角度代码为两个不同的按钮提供了选项，因此这将稍微渲染，但它看起来像是使用了

。btn工具栏

和

。btn组

可能会为您提供最佳解决方案

您的示例没有显示引导CSS与任何
元素交互。你想创建一个按钮组吗？谢谢，这样做了。。。更简单的是，祝你的项目好运。很好，不是吗