Bootstrap 中 .btn-group-justified 属性下的 width: 1%; 起的是什么作用？

Question

制作等分按钮时用的 .btn-group-justidied 但是源码中的 width:1% 不太明白起的什么作用，望各位赐教~

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
      display: table-cell;
      float: none;
      width: 1%;
}

Answer 1

实践就是真理，既然不知道它的具体作用是什么，可以尝试这去掉这个属性，看看会起到什么作用！

display：table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>），表格为块级元素；
会把块级元素作为表格单元格显示。

但是如果我需要将“行内元素”作为表格单元格显示的时候怎么办呢？ 关键就在 width: 1%; ,如果不设置 width 属性元素无法等分。

https://jsfiddle.net/zh69g3v2/14/

类似的布局还有 flexbox 布局。如果行内元素不设置 width 属性，在安卓机下也不会等分