Twitter bootstrap 引导按钮大小和对齐

这就是我到目前为止所拥有的

myusername
不喜欢
喜欢
面板内容

---

我试图使按钮适合该空间，并垂直居中，但我已经添加了btn组sm类，所以我不知道我还能做什么。我还试图使“不喜欢”按钮与“喜欢”按钮的宽度相同。感谢您提供的任何帮助

您错过了包含

和

。干得好。我已经提供了演示

Myusername
不喜欢
喜欢
面板内容

用于正确对齐按钮'

添加到。面板标题

 .panel-heading{
   display:table;
   width:100%;
 }

使两个按钮的宽度相同

按钮的样式是显示内联块，这意味着单词“不喜欢”的长度大于单词“喜欢”。您可以设置按钮的两个宽度。我建议为每个按钮添加一个名为“button”的类，并设置宽度以避免其他元素受到影响

 .button{
   width:50px;
 }

#logo.short{
位置：相对位置；
边际上限：0；
填充：0 10px；
字体大小：36px；
显示：内联块；
文本转换：大写；
过渡：全部。3放松；
边框：纯黑；
}
.简短：之后{
位置：相对位置；
左边距：-20px；
内容：“est1”；
不透明度：0；
-webkit过渡：所有.3s都很轻松；
}
.短：悬停：之后{
不透明度：1；
显示：内联块；
左边距：-10px；
}
#标志跨度{
位置：相对位置；
过渡：边缘。3s放松；
}
跨度：悬停{
左边距：20px；
}
跨度：之后{
位置：相对位置；
左边距：-20px；
内容：“est2”；
不透明度：0；
-webkit过渡：所有.3s都很轻松；
}
跨度：悬停：之后{
不透明度：1；
左边距：0px；
}
.小组标题{
显示：表格；
宽度：100%；
}
.按钮{
宽度：50px；
}

myusername
不喜欢
喜欢
面板内容

只需添加自定义css即可。通过添加额外的

填充

可以使按钮具有相同的宽度。如果添加

负边距顶部

，按钮将垂直对齐

工作片段

#像{
左侧填充：16px；
右边填充：16px；
}
#btn-vc
{
页边顶部：-5px；
}

myusername
不喜欢
喜欢
面板内容

在jsfiddleok上共享您的代码我会马上更新

 .button{
   width:50px;
 }