jquery - 如何使按钮宽度相同并 float 在中心附近？

Question

我创建了一个 div 行，因为我需要它们的宽度也相同。我已经谷歌了，没有太多帮助。我已经尝试使用 .btn-row.btngroup{ width: some width;} 更改 css，但仍然不起作用!

这是我的代码部分:

   <div class="btn-row">
     <div class="btn-group">
      <button type="button" class="btn btn-default ">Edit</button>
      </button>
     </div>

   <div class="btn-group">
    <button type="button" class="btn btn-default ">Delete</button>
    </button>
   </div>


  <div class="btn-group">
    <button type="button" class="btn btn-default ">Add Service</button>
    </button>
  </div>
 </div>

这就是它需要的样子

这是我的样子

另外，如何将最后一个按钮设为蓝色？来自推特的例子并没有真正显示太多

非常感谢，非常感谢!

Answer 1

要使按钮变成蓝色，请添加“btn-primary”类。

要使它们具有相同的宽度，请向每个按钮(而不是组)添加一个新类，并将该类的“宽度”定义为您想要的任何值。

.my-btn { width: 150px; }