Jquery 如何使按钮具有相同的宽度并在靠近中心的位置浮动？

我创建了一个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>

编辑
删除
添加服务

这就是它需要的样子

这就是我的样子

另外，如何使最后一个按钮变为蓝色？推特上的例子并没有太多说明

---

谢谢，非常感谢

要使按钮变为蓝色，请添加“btn主”类

要使它们具有相同的宽度，请为每个按钮（而不是组）添加一个新类，并根据需要定义该类的“宽度”

.my-btn { width: 150px; }

---

要使按钮变为蓝色，请添加“btn主”类

要使它们具有相同的宽度，请为每个按钮（而不是组）添加一个新类，并根据需要定义该类的“宽度”

.my-btn { width: 150px; }

---

试着这样做：

HTML

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

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

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

---

试试这样的方法：

HTML

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

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

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

---

要使按钮在中心附近浮动，只需添加

margin: 0px 0px 0px 100px;

或

---

在class

btn行中

要使按钮浮动在中心附近，只需添加

margin: 0px 0px 0px 100px;

或

---

在class

btn row

中，哪个事件必须更改按钮的背景色？将所有按钮放置到另一个div并设置样式：您的按钮哪个事件必须更改按钮的背景色？将所有按钮放置到另一个div并设置样式：您的按钮可以看到技巧是父div中的宽度：100%和文本对齐：居中，因此，里面的所有内容都将居中。您可以看到，诀窍是父div中的宽度：100%和文本对齐：居中，因此里面的所有内容都将居中。您和Vikas组合答案都给出了我想要的答案。我希望我能给出两个绿色复选框！你和Vikas的组合答案都给出了我想要的答案。我希望我能给出两张绿色支票！你和斯科特的组合答案都给了我想要的。我希望我能给两张绿色支票！你和斯科特的组合答案都给了我想要的。我希望我能给两张绿色支票！